Different column widths with FixedColumn

Different column widths with FixedColumn

dlhkdlhk Posts: 2Questions: 0Answers: 0
edited August 2011 in General
Hi, I would like to have two columns fixed but would like to specify the column widths individually. Is that possible? I have set the iLeftWidth to the desired total width but I'm not sure how to control the width for the two columns. I tried specifying the sWidth to the two columns but that did not work. Any help would be greatly appreciated.

[code]
new FixedColumns(oTable, {
'iLeftColumns': 2,
'iLeftWidth': 325
});
[/code]

Replies

  • fbasfbas Posts: 1,094Questions: 4Answers: 0
    Have you tried using CSS for those columns?

    Are your columns showing too much, or too little width?
  • dlhkdlhk Posts: 2Questions: 0Answers: 0
    Hi fbas, thank you for your suggestion. I have two columns, the first I would like to be 25px while the second 300px since the first column contains only a couple of characters. The iLeftWidth seems to divide that width equally so each column is about 163px. I tried your suggestion and applied the width to each cell but it does not make a difference.

    [code]



    Id
    Component
    Jan 2006
    Jul 2006
    Jan 2007
    Jul 2007
    Jan 2008
    Jul 2008
    Jan 2009
    Jul 2009
    Jan 2010
    Jul 2010
    Jan 2011
    Jul 2011




    C
    SCT_Concepts
    368590
    370702
    373731
    376046
    378111
    383230
    386965
    388289
    390022
    391170
    393072
    395033


    D
    SCT_Descriptions
    1014183
    1031146
    1042871
    1060424
    1068278
    1134773
    1144323
    1149406
    1157833
    1162140
    1167106
    1172326


    R
    SCT_Relationships
    1480843
    1482905
    1357430
    1359435
    1357719
    1380227
    1384953
    1387930
    1420531
    1422982
    1431743
    1442516


    C
    SCT_Canonical
    667846
    670322
    673209
    677322
    677758
    702918
    708343
    717882
    706144
    706144
    712945
    718758


    CH
    SCT_ComponentHistory
    1711890
    1750175
    1773480
    1823811
    1823811
    2066288
    2123974
    2146558
    2172958
    2182083
    2190543
    1491270


    TC
    SCT_TransitiveClosure
    5856457
    5839984
    5871968
    5922838
    5929886
    6053912
    6049552
    6044266
    5815826
    5827414
    5875512
    5929711




    $(document).ready(function() {
    var oTable = $('#example').dataTable({
    'sScrollX': '100%',
    'sScrollXInner': '900px',
    'bScrollCollapse': true,
    'bPaginate': false,
    'bAutoWidth': true
    });
    new FixedColumns(oTable, {
    'iLeftColumns': 2,
    'iLeftWidth': 325
    });
    });

    [/code]
  • fbasfbas Posts: 1,094Questions: 4Answers: 0
    I've played with this too and I think the culprit is sScrollX, which overrides my sWidth values. This overriding then affects the FixedColumns (you can't run FixedColumns without sScrollX)
This discussion has been closed.