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文件中的所有文本框，或使用@Html.TextBoxFor中HtmlAttributes的最后一个参数并应用样式。

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

Jquery DataTable内部控件的列宽，jquery数据表的普通css

1 个答案: