Keeping table coloumn width fixed and avoiding scroll bar

ss2025

Hey guys,
I am new to HTML/CSS stuff, and this DataTables is really cool..! I have this small doubt (which might have been asked several times, but somehow I am not able to figure it out)-

While using datatables, it displays a horizontal scroll bar at the end, no matter what. How can i make it disappear (but display all the table columns)? Also, if I increase the number of columns, they do not fit in the given space itself, rather, they are displayed only when I scroll the table. How can i make all the columns fit (ideally I would want the columns to resize themselves and fit in the given space itself)?

I tried to do this in my CSS:

.table{
        table-layout:fixed;
        width:100%;
        overflow:hidden;
        word-wrap : break-word;
}
.table-responsive { overflow-x: fixed !important; }

But this doesnt seem to be working.
What should be done for this?

Thanks!