Fixed Columns dont work.

WFux

Hello Everyone,

I'm a web dev newby and currently implementing a DataTable (with editor and every other plugins) using bootstrap4.
I ran into an issue trying to use FixedColumns, which does nothing in my case.
Tried to initialize FixedColumns from DataTables initiation and the "new" constructor, got no errors respectively, the datatable shows and behaves as expected.
Only issue: Columns arent fixed.
I created a testcase (first link) and while searching the forum, I discovered the second test case, which also doesnt have fixed Columns, when it should have. Tested this in Firefox and Edge. Also tried some StackOverflow css fixes, but none helped.

I dk what else to test, what can I do? Thanks for helping

Link to test case:https://live.datatables.net/kimemage/7/edit; https://live.datatables.net/hobukaxu/51/edit

kthorngren

Neither test case has the FixedColumns library loaded. Use the Download Builder to get the proper library files for the features you want.

Also you have scrollx: true, but it actually should be scrollX: true,. Note the upper case X. The options, along with Javascript in general, are case sensitive.

You have fixedColums:{ which is missing the n in columns.

Here is the updated test case with Datatables and FixedColumns included using BS 4 integration styling.
https://live.datatables.net/kimemage/8/edit

Kevin

WFux

Im crying about my stupidity and jumping out of joy.
Works. My code had them typos.

Thanks for your time