Improve table header view using bootstrap 3.0.0, datatables and fixedHeader

Navigation
3

I'm using bootstrap on a system, datatables and fixedHeader , I have three problems:

  • I would need the table header ( thead ) to stop before the end of the menu, stay below the menu, it is stopping at the top of the page, can you do that? > When I open dialog (by clicking on the link of each line at the end) the thead is behind the dialog , but it is the only element that is not behind the modal (I think that's it);

  • When I click on a menu, the items in the submenu also stand behind thead ;

    • HTML, I would not like to leave here, because it's a bit long, but if so, I'll even put it on;

    The JS to do this is this 

    var oTable = $('#example').dataTable({
    "paging": false,
    "info": false
});

new $.fn.dataTable.FixedHeader( oTable, {
  "zTop": "1035"
});

    Follow the codes here link

    And here already running the example link

    PS: At the moment I am with version 3.0.0 of the bootstrap and I can not upgrade to the current version, in the case, 3.3.5, I did this test and in case it would solve my question 2, but unfortunately I can not make this update.

        
    asked by anonymous 07.07.2015 / 16:00

    1 answer

    2

    Marcelo,

    You can use offsetTop to do this, for example: 

        var oTable = $('#example').dataTable({
        "paging": false,
        "info": false
    });

    new $.fn.dataTable.FixedHeader(oTable, {
        "offsetTop": 50
    });

    Example working: JSFIDDLE

        
    07.07.2015 / 18:10
    How to do an update in the database on several tables related to codeigniter How to use dll in Java