search

maca88 / datatables.plugins

MIT License
21 stars 5 forks source link

Misaligment header/body when pinning a column #8

Open marianopeck opened 10 years ago

marianopeck commented 10 years ago

Hi,

Sorry for the amount of issues reported. Hope at least this is useful for you as well. Here I found another reproducible misaligment of header/body when pinning a column: http://live.datatables.net/IroN/55

Just pin one column, say "Expiration Date" and then scroll horizontally to the most right...

could see it?

maca88 commented 10 years ago

Hmm this looks like to be a problem with the offical FixedColumn plugin. Here is a sample using FixedColumn without ColPin and the problem is still there: http://live.datatables.net/IroN/63

marianopeck commented 10 years ago

Sorry, my bad. I was including the bootstrap css. When you use Bootstrap, you have to NOT include datatables css, and instead include an integration package that has a special css and a special js for bootstrap for datatables. Here: http://live.datatables.net/IroN/71/edit I removed bootstrap css. But I cannot add the ColPin again to try if the pinning generates the misaligment. What did you do to disable the ColPin? hahaha

maca88 commented 10 years ago

The ColPin by default uses Bootstrap icons classes. You can pass your own classes like here: http://live.datatables.net/IroN/77

maca88 commented 10 years ago

With the new version of ColPin, Bootstrap classes are not used by default. ColPin now uses its own icon defined in colPin.css. For Bootstrap integration use colPin.boostrap.css instead of colPin.css.