我正在尝试将表类和列样式属性应用到 DataTable。然而,这些属性实际上都没有做任何事情。
我已经写了//不做任何事情
,其中有些东西似乎没有像我想要的那样工作。
表数据在创建表后不久动态添加。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet"/>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="socket.io/socket.io.js"></script>
<script type="text/javascript" src="./js/client.js"></script>
<style>
.override {
display:solid; !important;
}
</style>
<script>
$(document).ready(function() {
$('#demo').html('<table cellpadding="0" cellspacing="0" border="0" class="stripe" id="example" ></table>');
// class= doesn't do anything
t = $('#example').DataTable({
columns:
[
{width:"300px", title: "Name", data: "name" },
// width doesn't do anything
{className: "dt[-head|-body]-right", title: "Age", data: "age" },
// className doesn't do anything
{title: "Nationality", data: "nationality"}
]
});
connect();
});
</script>
</head>
<body>
<div id="demo" style="width:500px"> </div>
</body>
</html>
最佳答案
尝试在这两个链接的开头添加“https”,然后执行代码。
1-链接 href="https://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css"rel="stylesheet"
2-脚本 src="https://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"
关于javascript - DataTable 无法应用样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31366783/