Hi Team,
i've got the problem that my DataTable Columns only scale up. They have a minimal size of 205px and they will not resize to fit if the required size is smaller than that.
I can't find the setting where this value is fixed.
Therefor my table scales out of the size of the containing div.
Here is my code.
http://debug.datatables.net/iqepep
Thank's in advance.
i've got the problem that my DataTable Columns only scale up. They have a minimal size of 205px and they will not resize to fit if the required size is smaller than that.
I can't find the setting where this value is fixed.
Therefor my table scales out of the size of the containing div.
Here is my code.
<div class="TablePart"> <table id="WertebereichSortiertDialogTable"> <thead> <tr> <td>Id</td> <td>Uid</td> <td>RowVersion</td> <td>Kuerzel</td> <td>Kurzbezeichnung</td> <td>Langbezeichnung</td> <td>GueltigVon</td> <td>GueltigBis</td> </tr> </thead> <tbody></tbody> <tfoot> <tr> <td></td> <td></td> <td></td> <td> <input class="searchBox" id="3" name="s_Kuerzel" tableRef="WertebereichSortiertDialogTable" type="text"></input> </td> <td> <input class="searchBox" id="4" name="s_Kurzbezeichnung" tableRef="WertebereichSortiertDialogTable" type="text"></input> </td> <td> <input class="searchBox" id="5" name="s_Langbezeichnung" tableRef="WertebereichSortiertDialogTable" type="text"></input> </td> <td> <input class="searchBox" id="6" name="s_GueltigVon" tableRef="WertebereichSortiertDialogTable" type="text"></input> </td> <td> <input class="searchBox" id="7" name="s_GueltigBis" tableRef="WertebereichSortiertDialogTable" type="text"></input> </td> </tr> </tfoot> </table> <script type="text/javascript"> var asInitVals = new Array(); $(document).ready(function(){ var oTable = $('#WertebereichSortiertDialogTable').dataTable({ "sAjaxSource": "/WertebereichSortiert/Klassenstufe/IndexAjax", "bAutoWidth": false, "bScrollAutoCss": true, "aoColumns" : [ { "sWidth": "80px", "sFilterType": "text", "sName": "Id", "bSearchable": false, "bSortable": false, "fnRender": "function(oObj) { var columnIndex=0; var value=oObj.aData[columnIndex]; return value; } ", "bVisible": false }, { "sWidth": "80px", "sFilterType": "text", "sName": "Uid", "bSearchable": false, "bSortable": false, "fnRender": "function(oObj) { var columnIndex=1; var value=oObj.aData[columnIndex]; return value; } ", "bVisible": false }, { "sWidth": "80px", "sFilterType": "text", "sName": "RowVersion", "bSearchable": false, "bSortable": false, "fnRender": "function(oObj) { var columnIndex=2; var value=oObj.aData[columnIndex]; return value; } ", "bVisible": false }, { "sWidth": "10%", "sFilterType": "text", "sName": "Kuerzel", "bSearchable": true, "bSortable": true, "fnRender": "function(oObj) { var columnIndex=3; var value=oObj.aData[columnIndex]; return value; } ", "bVisible": true }, { "sWidth": "20%", "sFilterType": "text", "sName": "Kurzbezeichnung", "bSearchable": true, "bSortable": true, "fnRender": "function(oObj) { var columnIndex=4; var value=oObj.aData[columnIndex]; return value; } ", "bVisible": true }, { "sWidth": "40%", "sFilterType": "text", "sName": "Langbezeichnung", "bSearchable": true, "bSortable": true, "fnRender": "function(oObj) { var columnIndex=5; var value=oObj.aData[columnIndex]; return value; } ", "bVisible": true }, { "sWidth": "10%", "sFilterType": "date", "sName": "GueltigVon", "bSearchable": true, "bSortable": true, "fnRender": "function(oObj) { var columnIndex=6; var value=oObj.aData[columnIndex]; return value; } ", "bVisible": true }, { "sWidth": "10%", "sFilterType": "date", "sName": "GueltigBis", "bSearchable": true, "bSortable": true, "fnRender": "function(oObj) { var columnIndex=7; var value=oObj.aData[columnIndex]; return value; } ", "bVisible": true } ], "bScrollInfinite": 'False', "bStateSave": false, "fnServerData": fnServerObjectToArray, "bServerSide": true, "sScrollY": 350, "bJQueryUI": true, "bPaginate": false, "bProcessing": true });
http://debug.datatables.net/iqepep
Thank's in advance.