Javascript 具有多个标题行和固定列的JQuery数据表
我的html表格包含两个标题行,如下所示。我想修复四分之一列,我尝试了jquery datatable插件中的一个示例,但它不能像我扩展的那样工作。该表被转换为datatable,但第一列不是固定的 我试过的例子 HTMLJavascript 具有多个标题行和固定列的JQuery数据表,javascript,jquery,html,user-interface,datatables,Javascript,Jquery,Html,User Interface,Datatables,我的html表格包含两个标题行,如下所示。我想修复四分之一列,我尝试了jquery datatable插件中的一个示例,但它不能像我扩展的那样工作。该表被转换为datatable,但第一列不是固定的 我试过的例子 HTML <table id="example" class="table table-stripped"> <thead> <tr> <th rowspan="2">Quarter</th>
<table id="example" class="table table-stripped">
<thead>
<tr>
<th rowspan="2">Quarter</th>
<th colspan="10">ICT Sector</th>
<th colspan="10">Shipping</th>
</tr>
<tr>
<th>WSO2</th>
<th>IFS</th>
<th>Company A</th>
<th>Company B</th>
<th>Company C</th>
<th>Company D</th>
<th>Company E</th>
<th>Company F</th>
<th>Company G</th>
<th>Company H</th>
<th>PSA</th>
<th>Mercantile Shipping</th>
<th>Company A</th>
<th>Company B</th>
<th>Company C</th>
<th>Company D</th>
<th>Company E</th>
<th>Company F</th>
<th>Company G</th>
<th>Company H</th>
</tr>
</thead>
<tbody>
<tr>
<td>Quater 1</td>
<td>100</td>
<td>700</td>
<td>800</td>
<td>900</td>
<td>1100</td>
<td>2200</td>
<td>7821</td>
<td>8862</td>
<td>6231</td>
<td>5891</td>
<td>100</td>
<td>700</td>
<td>800</td>
<td>900</td>
<td>1100</td>
<td>2200</td>
<td>7821</td>
<td>8862</td>
<td>6231</td>
<td>5891</td>
</tr>
<tr>
<td>Quater 1</td>
<td>100</td>
<td>700</td>
<td>800</td>
<td>900</td>
<td>1100</td>
<td>2200</td>
<td>7821</td>
<td>8862</td>
<td>6231</td>
<td>5891</td>
<td>100</td>
<td>700</td>
<td>800</td>
<td>900</td>
<td>1100</td>
<td>2200</td>
<td>7821</td>
<td>8862</td>
<td>6231</td>
<td>5891</td>
</tr>
</tbody>
</table>
确保您正确导入了所有内容,朋友,我希望这对您有所帮助同样的问题,您是正确的,我错过了一个js库
$(document).ready(function() {
var table = $('#example').DataTable( {
scrollY: "300px",
scrollX: true,
scrollCollapse: true,
paging: false,
fixedColumns: {
leftColumns: 1
}
} );
} );