Width of Table in different screen

I use table to show my data everything look good in desktop screen 

But in macbook 13inch it can't show full size of table record 

I set width this table is 100% but still have bug 

Hi Quy Nguyen,

Are you using specific cell widths on your table? or CSS that forces the width of cells/columns? it seems like there are conflicting configurations somewhere.

Hi Quy,

Since the pagination indicators are also cut off, it's not the Table Records itself but the enclosing div that seems to be the problem. Did you try changing its width? E.g. set it to 90%, to see what happens?

Hi Quy,

Could you try setting "overflow: scroll;" on the container that is wrapping your Table, and checking the behaviour in both screens?

Kilian Hekhuis wrote:

Hi Quy,

Since the pagination indicators are also cut off, it's not the Table Records itself but the enclosing div that seems to be the problem. Did you try changing its width? E.g. set it to 90%, to see what happens?


I using sort of RichWidgets and width of table is okay but not using sort still have a bug 

Hi Quy,

Sort has likely nothing to do with it. Like I said, check the div that encloses both the table and the nagivation, and see if changing the width to e.g. 90% has a visible effect.

Quy Nguyen wrote:

I use table to show my data everything look good in desktop screen 

But in macbook 13inch it can't show full size of table record 

I set width this table is 100% but still have bug 

try to inclose the table records inside a container and add style

width:100%;

overflow auto;


it may solve your problem.


Thanks,

Pankaj