html - responsive datatable doesn't fit on table expand -

html - responsive datatable doesn't fit on table expand -

i trying create datatable responsive. using html5 , have added in css:

#datatable { border-collapse: collapse; border-spacing: 0; border: 1px solid #bbb } #datatable td,th { border-top: 1px solid #ddd; } @media screen , (max-width: 900px) { table { overflow-x: auto; display: block; } }

the problem when columns expanded rows going out of corners of table , not responsive. instead when minimizing browser , table smaller responsive. when expand table. wrong?

add next class in css

#datatable_wrapper { overflow:auto; }

html css datatables response