Search

documentation for KeyTable suggests initializing with options using: var

I've built a query where there are several forms which pull data using xmlhttppost and then rendering the data in a 'results' page. I suspect the problem is that the table doesn't exist until the query is run. I tinkered with a few examples under server side processing, but to no avail. Basically, my php/sql query runs like this. 1) You select a query form. 2) Enter ID's and hit submit. 3) A onSubmit="xmlhttpPost(string variables assembled here by an ajaxsubmit.js script) pushes the ID's into a .php file, grabs the data 4) Data populates on a results.php page. I think Datatables cannot initialize because either the table doesn't exist as of yet. I've confirmed the ajaxsubmit isn't the culprit, so It's a matter of Datatables knowing where to initialize. Unfortunately, I cannot provide a link since this is a proprietary tool .

Hi guys, When I use datatable, I met a tough issue: where the table show in the first time, the width of column is very narrow, after I click the table again, the table shows normally. Please give me some advice. Thanks in advance.

I am using JQuery 2.1.0 and Datatable 1.9.4 and ColumnFilter 1.5.6 and FixedColumn 3.0.1 and TableTools 2.2.0 I am trying freeze first and last column using this new $.fn.dataTable.FixedColumns(oTable1, { leftColumns: 1, rightColumns: 1 }); but it is not working : getting this error : Line: 1244 Error: Object doesn't support this action Except FixedColumn Everything is working, I have initilized Table tools same way using "new". TableTools is working. I doubt about Script setting. Here is my Script and Style settings : <!--@Styles.Render("~/Content/css")--> <link href="@Url.Content("~/Content/redmond/demo_table_jui.css")" rel="stylesheet" type="text/css" /> <link href="@Url.Content("~/Content/redmond/jquery-ui-1.10.4.custom.css")" rel="stylesheet" type="text/css" /> <link href="@Url.Content("~/Content/redmond/dataTables.fixedColumns.css")" rel="stylesheet" type="text/css" /> <link href="@Url.Content("~/Content/TableTools-2.2.0/css/dataTables.tableTools.css")" rel="stylesheet" type="text/css" /> <link href="@Url.Content("~/Content/Site_Custom.css")" rel="stylesheet" type="text/css" /> @if (false) { <script src="@Url.Content("~/Scripts/jquery-2.1.0-vsdoc.js")" type="text/javascript"></script> } <script src="@Url.Content("~/Scripts/jquery-2.1.0.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Scripts/jquery-ui-1.10.4.min.js")" type="text/javascript"></script> <script type="text/javascript" src="@Url.Content("~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.min.js")"></script> <script type="text/javascript" src="@Url.Content("~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.columnFilter.js")"></script> <script type="text/javascript" src="@Url.Content("~/Content/DataTables-1.9.4/media/js/dataTables.fixedColumns.js")"></script> <script type="text/javascript" src="@Url.Content("~/Content/TableTools-2.2.0/js/dataTables.tableTools.js")"></script> <script src="@Url.Content("~/Scripts/json2.min.js")" type="text/javascript"></script> <script src="@Url.Content("~/Content/Script_Custom.js")" type="text/javascript"></script> @Scripts.Render("~/bundles/modernizr") I might be missing something, Please let me know what I am doing wrong? Thank you.

Hi there: I have the following code in a file called initializing_jquery_datatables.js: [code] $(document).ready(function() { $('.table').dataTable( { "sDom": "<'row'W<'row'<'col-md-6'l><'col-md-6'f>r>t<'row'<'col-md-6'i><'col-md-6'p>>T", "sPaginationType": "bootstrap", "bDestroy": false ... }); [/code] I filter and exclude some columns in another js file like this: [code] $.extend( true, $.fn.dataTable.defaults, { "oColumnFilterWidgets": { "aiExclude": [ 10 ] } }); [/code] And doesn't work

Hi, I have the following code: https://gist.github.com/rosieks/9396042 and ufortunately it cause two request to "server". Is there any way to respect displayStart by scroller plugin or any other way do avoid first request?

Hello, i've been trying to use datatable but without any success so far. I get the following error: TypeError: $(...).dataTable is not a function $('#index-table').dataTable(); Post (line 569) fire(data=[Document Post, [function()]])jquery-1.9.1.js (line 1037) fireWith(context=Document Post, args=[Document Post, [function()]])jquery-1.9.1.js (line 1148) ready(wait=undefined)jquery-1.9.1.js (line 433) completed(event=DOMContentLoaded )jquery-1.9.1.js (line 103) I'm working on asp.net mvc, jQuery 1.9.1 and dataTables 1.9.4 the page is the following (minus content and Razor code): [code] test test Status @Scripts.Render("~/bundles/jquery") @Scripts.Render("~/bundles/jqueryui") @Scripts.Render("~/bundles/datatable") $(document).ready(function () { $('#index-table').dataTable(); }); [/code] First, I tried to install the plugin manually and I found that the nuget jquery package (1.7.x) was overriding the import I was using from a more recent version. I updated the nuget packages and installed this plugin from the nuget repository also, and that part was resolved but I still get this error. I imported jqueryui just in case (since I saw some posts mentioning it and thought it was required), but it didn't fix anything Can someone help me? I know that it must be something silly but it escapes me right now Thanks in advance

have the table render initially with 0 rows shown,

tell) the table is initially drawn (the first pass)

Hi, I want to make column re-order on click of a selef created widget and one action button (out side the DataTables) not from the drag - drop. Can I do it? Please advise.