Styling is not applied
Styling is not applied
chwlund
Posts: 2Questions: 1Answers: 0
Hi, I am totally new to datatables and a bit new to web development in general. I am trying to set up a basic example and I am able to load some test data and populate a table, but the table looks horrible and the css is apparently not applied. What am I doing wrong?
<html>
<head>
<title>Test site</title>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
<script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<table id="companies" class="display">
<thead>
<tr>
<th>Orgnr</th>
<th>Navn</th>
<th>Poststed</th>
<th>Adresse</th>
<th>Antall ansatte</th>
<th>Hjemmeside</th>
<th>Dato stiftet</th>
<th>Kategori</th>
</tr>
</thead>
</table>
</body>
</html>
Edited by Kevin: Syntax highlighting. Details on how to highlight code using markdown can be found in this guide
This discussion has been closed.
Answers
I built a test case with your above code. Except index.js.
http://live.datatables.net/vewonafi/2/edit
The Datatable looks normal. Is this what you are expecting?
Please provide a link to your page or a test case so we can see what is happening. You can update mine if you like.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case
Kevin
Thanks! I didnt new I had to apply separate styling (the css column in your example), that solved the problem for me