私のテーブルは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が適用されています。