Headers of datatable are positioned badly | responsive table materialize

0

I'm testing datatables with materialize, I was testing the class responsive-table in a table that I have initialized with datatable.

The problem I see is that when you load the page from a medium screen upwards you look at the table well, but when the screen becomes smaller and the class responsive-table is applied the headers of the table will be they position in a disorderly way, some in the middle others to the right others more to the left, seeing the example will understand it better. But if the page is loaded from a small screen in which the class responsive-table is already applied and we enlarge the screen if the headers are ordered correctly, it becomes smaller or bigger.

Here I'll give you the example so that you understand me better, thank you in advance.

    
asked by Villatoro 13.04.2018 в 02:49
source

1 answer

1

I've been keeping an eye on the code and I do not see anything weird, but if you use the Google Chrome inspect function and take a look at the generated code you'll see that you're getting a style with a width to it and it's affecting an "ordering".

I do not know if you are working with an IDE or directly with codepen ... if so, the same is codepen who is causing your failure ... if not, make sure you are using an updated version of DataTable because I already tell you that I have analyzed the code and I have been touching and changing parameters and I can not find what it can be and see that I have worked ... If you find out, publish it, greetings.

    
answered by 04.05.2018 в 19:56