Datatable with fixed header and fixed columns

stephenbj

I need a datatable enabled table that has
1. fixed header / footer with scrolling using the main browser scroll bars
2. left and right columns should be fixed.

Datatables provides 2 plugins fixedheader & foxedcolumn that provides these features. I am unable to make the two plugins to work together. I am facing following issues:

1. When the header or footer gets fixed, it’s width extends beyond the table width
2. Horizontal scrollbar does not appear when the footer is fixed
3. I have a dropdown menu on the right most column. The menu gets partially hidden

I have provided a sample of my code at here

Please help me to resolve the issues