Tabulator: Fixed Columns can be set?

[codevite]

Hi,

Is possible to set Fixed Columns ?

[olifolkerd]

If you want to fix column widths you can set the _width_ parameter in the column definition array:

$("#example-table").tabulator({
    columns:[ //Define Table Columns
        {title:"Name", field:"name", width:150},
    ],
});

The width parameter will take a width in pixels.

[codevite]

Sorry, but I mean a left Columns that stay fixed while horizontal scrolling.

[olifolkerd]

At present this is not possible, though it is a great idea, i will have a look at adding it in a future release.

For the time being you might be able to do something with CSS using fixed positioning on the columns you want frozen and margins to keep everything else in line,

[olifolkerd]

You could also add your own custom element to the side of the table, style to look like tabulator (use the tabulator-row classes etc...), and then use the _rowFormatter_ callback to create rows inside this element as they are created inside the table

[olifolkerd]

This feature is now available!!!

You can use the frozen property in a column definition object to freeze a column:

$("#example-table").tabulator({
    [
        {title:"Name", field:"name", frozen:true}, //frozen column on left of table
        {title:"Age", field:"age"},
        {title:"Eye Colour", field:"eyes"},
    ]
});

Full documentation can be found here

Let me know if you have any questions.

Cheers

Oli

[codevite]

Tested, work is perfect!
Very useful in big row data.

Thank you.