我的项目中有两个不同的Datatables实例。我希望它们具有不同的CSS样式。出于这个问题的目的,可以说我想在两个表中使用不同大小的边距。有没有简单的方法可以做到这一点?
下面是我的代码的简化版本。
表格1
HTML和JS:
<script>
$(document).ready( function () {
$('#all_assets_datatable').DataTable({
"sDom": "ltipr",
});
} );
</script>
<table id="all_assets_datatable" class="display">
# Various table content
</table>
CSS:
table.dataTable {
margin: 0px;
}
表2
HTML和JS:
<script>
$(document).ready( function () {
$('#asset_changes_datatable').DataTable({
"sDom": "ltipr",
});
} );
</script>
<table id="asset_changes_datatable" class="display">
# Various table content
</table>
CSS:
table.dataTable {
margin: 10px;
}
将数据表包装在两个不同的div中,并为这些div分别赋予不同的名称或类。
.dtOne table.datatable{
margin: 0px;
}
.dtTwo table.datatable{
margin: 10px;
}
<div class="dtOne">//Table one goes here</div>
<div class="dtTwo">//Table two goes here</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句