Vertical Column List Too Long for Page

Vertical Column List Too Long for Page

hermes980hermes980 Posts: 41Questions: 13Answers: 0

Hi all,

I am using the ColVis extension, but the amount of columns is too long and goes beyond the page vertically. Is there a scroll bar that can be added to this extension, so users can select the columns currently off page?

Thanks,

Kelly

Answers

  • hermes980hermes980 Posts: 41Questions: 13Answers: 0

    I have identified that this is an issue in IE10 and sooner. IE11 will allow the page to push down. Anyone else experience this, have recommendations?

  • mte1210mte1210 Posts: 1Questions: 0Answers: 0

    I have added a scroll bar with two modifies

    1) 'overflowY' : 'auto' in dataTables.colVis.js > "_fnDomCollection": function ()

        "_fnDomCollection": function ()
    {
        return $('<ul />', {
                'class': !this.s.dt.bJUI ?
                    "ColVis_collection" :
                    "ColVis_collection ui-buttonset ui-buttonset-multi"
            } )
        .css( {
            'overflowY' : 'auto',
            'display': 'none',
            'opacity': 0,
            'position': ! this.s.bCssPosition ?
                'absolute' :
                ''
        } )[0];
    },
    

    2) height: 300px; in dataTables.colVis.js > ul.ColVis_collection class

    ul.ColVis_collection {
        height: 300px;
        width: 150px;
        padding: 8px 8px 4px 8px;
        margin: 0;
        ...
    }
    

    If there is a best way, I'd like to know it.

This discussion has been closed.