DataTable不能应用样式
我想将一个表类和列样式属性应用于DataTable。但是,这些属性实际上都没有做任何事情。DataTable不能应用样式
我写了// doesn't do anything
这里的东西似乎不像我想要的那样工作。
表格数据在表格创建后不久动态添加。
<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 = “样式表”
2- SCRIPT SRC = “HTTPS: //cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js”
没有工作。感谢您的回复 – user3257755
正常尝试以下解决方案,从CDN加载内容。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet"/>
<script src="http://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 = “样式表”
2- SCRIPT SRC = “HTTPS: //cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js”
没有工作。感谢您的回复 – user3257755
正常尝试以下解决方案,从CDN加载内容。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css" rel="stylesheet"/>
<script src="http://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>
既'width'和'className'应马上工作,也与您所使用的设置,附加一个''
回答
尝试在这两个链接的生成中添加'https',然后执行代码。
1-链路HREF = “HTTPS: //cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css” 的rel = “样式表”
2- SCRIPT SRC = “HTTPS: //cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js”
没有工作。感谢您的回复 – user3257755
正常尝试以下解决方案,从CDN加载内容。
相关问题