Datatables.net scroll issue in jquery dialog in IE -
i'm using datatable plugin, rendering datatable in dialog. inside firefox datatable appearing nicely on dialog. in ie datatable not @ displaying properly. in ie scrollbar coming dialog not datatable, whole ui looking ugly, eventhough table width grows beyond dialog width , height, scrollbar not @ appearing.
here code.
var myplaceholder= $("#placeholder");
myplaceholder.settemplateurl("/templates/people/makechoice.htm"); myplaceholder.load("/templates/people/makechoice.htm", function () { var ot = $("#datatable").datatable({ "aocolumndefs": [ { "swidth": "20%", "atargets": [0] }, { "swidth": "20%", "atargets": [1] }, { "swidth": "20%", "atargets": [2] }, { "swidth": "40%", "atargets": [3]}], "bjqueryui": true, "bfilter": false, "sscrolly": "600", "sscrollx": "100%", "sscrollxinner": "400%", "bscrollcollapse": true, "bpaginate": false, "bprocessing": false, "sajaxsource": "/people/makechoice", "fnserverparams": function (aodata) { aodata.push({ "name": "searchfilter", "value": searchstring }); }, "blengthchange": false, "otabletools": { "srowselect": "multi", "abuttons": [] }, "bdestroy": true, "sdom": 't<"clear">frtp', "fninitcomplete": function (osettings, json) { } }); });
here aspx div in i'm rendering datatable
<div id="placeholder" style="width:320px"> </div>
it compatibility issue, refer more info http://blogs.msdn.com/b/askie/archive/2009/03/23/understanding-compatibility-modes-in-internet-explorer-8.aspx
just added <meta http-equiv="x-ua-compatible" content="ie=7; ie=8" />
in site.master,it worked
Comments
Post a Comment