Fixed column as header (vertical header) and rest scrollable for table using Bootstrap2

Question

I have tried various results but usually most of the places I got the horizontal fixed header.

But I am working with bootstrap 2 and want to make a table which have various dynamic columns so make fix first 3 columns to be used as vertical header for the table.

As I have given a tried to http://www.fixedheadertable.com/

I have given a try with:

$('#fixedTable').fixedHeaderTable({ footer: false, fixedColumns: 3 });

But its cloning the table with header vertically but not fixed as well as the UI breaks with pixels up and down with the original design.

But it's messing up the things with my table. Can anyone help on it?

Image for help:

I have a fiddle here: jsfiddle.net/tysewu52