Reducing Table Wrapper Width For Iphone

I am making small jquery app. In it i am using DataTables to show some information on a grid. I am having a slight issue with its display on iphone. When i display grid on my chrom

Solution 1:

I have managed to solve this, not sure if the best way but it does what i need so its good. I basically put the table in a div which has a data role equal to content and then i used the zoom in css for that div to zoom out .

<div data-role = "content"id="tbcontent">  

//insert table in here

</div>


#tbcontent{

zoom:80%;


}

Here is updated JSFIDDLE.