Fixed column width management
Fixed column width management
![leejoon88](https://secure.gravatar.com/avatar/e18b5e4a40e266512d29837e37f1dcbc/?default=https%3A%2F%2Fvanillicon.com%2Fe18b5e4a40e266512d29837e37f1dcbc_200.png&rating=g&size=120)
Hello,
I'm currently using DataTables with Fixed Columns on my page. The first two columns are fixed to the left and the second one has values that range from 4 characters to 60-70 characters. I need the second fixed column width to be resize every redraw so that it will show the entire cell's contents. Any changes I make to aoColumnDefs, including at initialization, are not applied. I believe this is because FixedColumns uses iLeftWidth.
Does anyone know if there is a way to change iLeftWidth of fixedcolumns after the initial load? Any reliable method to control the column widths would be nice.
[code]
var oTable = $('#product_list').dataTable( {
"fnInitComplete": function() {
new FixedColumns(oTable, {
"iLeftColumns": 2
});
});
$('#reset_all').click(function() {
/* whatever code here should change the iLeftWidth value accomodate the longest table cell in the fixed columns */
});
[/code]
I'm currently using DataTables with Fixed Columns on my page. The first two columns are fixed to the left and the second one has values that range from 4 characters to 60-70 characters. I need the second fixed column width to be resize every redraw so that it will show the entire cell's contents. Any changes I make to aoColumnDefs, including at initialization, are not applied. I believe this is because FixedColumns uses iLeftWidth.
Does anyone know if there is a way to change iLeftWidth of fixedcolumns after the initial load? Any reliable method to control the column widths would be nice.
[code]
var oTable = $('#product_list').dataTable( {
"fnInitComplete": function() {
new FixedColumns(oTable, {
"iLeftColumns": 2
});
});
$('#reset_all').click(function() {
/* whatever code here should change the iLeftWidth value accomodate the longest table cell in the fixed columns */
});
[/code]
This discussion has been closed.
Replies
Allan
All of the documentation calls FixedColumns right after datatables is defined with:
[code]
new FixedColumns( oTable );
[/code]
Is there no way to call this after initialization? I was hoping I could have sometime like
[code]
$('#resize_fixed_columns').click(function() {
var oTable = $('body').data('oTable');
FixedColumns(oTable, {
"iLeftColumns":2,
"iLeftWidth":500
});
[/code]
Allan