Make Table unresponsive on mobile on our wish.

[roker15]

Sometimes table have more columns (>3) , so when you see the table on mobile , it shrinks and content inside it looks very bad. So i want my table to be of same size as on desktop and not to be responsive on mobile screen. Is it possible?

[JiHong88]

ex)

.sun-editor-editable table.se-table-size-auto {
  min-width: 500px;
}

[roker15]

Can't apply it. I tried to include it inline, also tried to edited suneditor/dist/css/suneditor.min.css file but not reflected in my website. However i edited CSS In Chrome (in developer panel) and it worked. So how do implement in actual product

[roker15]

ex)

.sun-editor-editable table.se-table-size-auto {
  min-width: 500px;
}

But what is point in making table responsive? Because on mobile columns become so small that even beautiful content looks very bad.

On Mobile Desired behaviour should be ----

1. Table should have minimum column width , and it should scroll inside a div.
2. Not whole editor content should scroll, but only table should scroll horizontally on mobile.
3. This should be default behaviour because this is the most common use case.
4. Either Provide this feature as default or enclose table in a div so that we can do some experiment. Currently table is not only component inside div but there are other components. make a special div for table only.