jquery - Jquery DataTable中控件的列宽，jquery datatable的纯css

Question

我的表正在使用 TwitterBootstrap：

   <table id="sDetails" class="table table-bordered table-striped table-hover dataTable">
                <thead>
                    <tr>
                        <th>Item</th>
                        <th>Checked</th>
                        <th>Comments</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach(var item in m.Items)
                     {
                     <tr>
                        <td>@Html.HiddenFor(m => m.ItemKey)
                            @Html.DisplayFor(m => m.Item)
                        </td>
                        <td>@Html.CheckBoxFor(m => m.IsChecked)</td>
                        <td>@Html.TextBoxFor(m => m.Comments)</td>
                     </tr>
                     }
                </tbody>
            </table>
<script>
 $(document).ready(function () {          /* Init the table*/
             $("#sDetails").dataTable({
                 "bFilter": false,
                 "bLengthChange": false,
                 "bRetrieve": false,
                 "bSortClasses": false,
                 "bPaginate": false,
                 "bInfo": false,
                 "bJQueryUI": false,
                 "bAutoWidth": false,
                 "aDataSort": false,
                 "asSorting": false,
                 "bSortable": false,
                 "aoColumns": [{ "sDom": false, "bSortable": false, sWidth: '15%' }, { "sDom": false, "bSortable": false, sWidth: '5%' }, { "sDom": false, "bSortable": false, sWidth: '80%' }]
            });
</script>

1）如何指定TextBox控件的宽度？2) 如何删除 jQuery DataTable 的 CSS？（即在此表上）- Google Chrome 中的表上没有 CSS，但 IE 中的表上应用了一些默认 CSS。

Answer 1

要将 css 应用到TextBox，要么将样式全局应用到 css 文件中的所有文本框，要么使用HtmlAttributes@Html.TextBoxFor的最后一个参数并应用样式。

要在所有浏览器中重置为默认 css，请使用样板。