Quantcast
Channel: Recent Discussions — DataTables forums
Viewing all articles
Browse latest Browse all 81684

Table columns resize only scales width up

$
0
0
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.
<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.

Viewing all articles
Browse latest Browse all 81684

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>