Textwrapping continued under next column

Textwrapping continued under next column

thumperthumper Posts: 1Questions: 1Answers: 0

Hi,

I've been experimenting with datatables, but there's a few things I cannot seem to get done. One of them is the following.

Deploying a table in ASPX

table = $('#tbl_cars').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
// "bServerSide": true,
"bProcessing": true,
"bDeferRender": true,
"bLengthChange": false,
"bPaginate": false,
"sScrollX": "100%",
"sScrollXInner": "150%",
"sScrollY": "500px",
"bScrollCollapse": true,
"bAutoWidth": false,
});

Then building the HTML in C#

sb.AppendLine("

<

table id=\"" + table_id + "\" class=\"sortable\" border=\"0\" style=\"display: none; table-layout: fixed\">\n");

I tried " table-layout: fixed " , " white-space: nowrap " in css, as wel as messing with bScrollcollapse and bAutoWidth properties but I cannot seem to achieve what I want, which is when a column (say a fixed 200px width) has content that goes beyond it (300px width), the remainder (100px) falls invisible under the next column, or is simply cut off at the end. I want to prevent wrapping so the rows stay single-line.

Anyone has any suggestions to get this done?

Thanks.

This discussion has been closed.