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.