Why doesn't jquery DataTables example work (fixed headers in table)?

Question

JavaScript

here is an example:

https://datatables.net/extensions/fixedheader/exam...

- I liked it very much, but for some reason the fixed header of the table does not work, there are no errors in the console either ..

How I do it:
copied files from example all :



except jquery itself.

to my project:
in the view I connect this css and this js

$this->registerCssFile('/css/fixHeader.css');
$this->registerJsFile('/js/fixHeadersTable.js');
$this->registerAssetBundle(yii\web\JqueryAsset::className(), yii\web\View::POS_HEAD);

in css, I just copied all the code from the example files sequentially


into js, ​​I also copied all the code from the example, except for the jquery library itself. it is built into the yii



code from all files, just copied and pasted into one js file in sequence

. Everything works fine except for the header fixation effect and the console does not give any errors. Can someone tell me where to look, thanks in advance.

Answer 1

it seems that the problem was in the style conflict, everything worked

Answer 2

Almost 100% sure that the problem is not using thead and tbody tags. Do you have them in your inventory?