Search

Hi, I'm trying to get the column index by clicking in the relative footer column title. The thing is that this is a fixed footer, hence the click event is triggered by the footer copy (the one used to keep the fixed position). $('.dataTables_scrollFoot').on('click', 'td', function () { var index = $(this).data('column-index'); console.log(index); }); Unfortunately, no data is available on the fixed footer. Do you have any suggestions to get the column index by clicking on a fixed footer? Cheers, Antonio

Public Works Department, Govt. of NCT of Delhi @if (Model.ReporttypeId == 1) {@Html.Raw("General Court Cases Report")} @if (Model.ReporttypeId == 2) {@Html.Raw("List of Court Cases")} @if (Model.ReporttypeId == 3) {@Html.Raw("List of Court Cases (Nature of Dispute wise)")} @if (Model.ReporttypeId == 4) {@Html.Raw("List of Court Cases (Court wise)")} @if (Model.ReporttypeId == 5) {@Html.Raw("List of Court Cases Report (Reply filed or not)")} @if (Model.ReporttypeId == 6) {@Html.Raw("List of Court Cases (Date of Next Hearing)")} S. No. Case Title (Click on Case Title for more info) @if (Model.ReporttypeId == 1) { Court Concerned Dispute Name Date of Next Hearing Remarks } @if (Model.ReporttypeId == 2 || Model.ReporttypeId == 3 || Model.ReporttypeId == 4 || Model.ReporttypeId == 5 || Model.ReporttypeId == 6) { Case No. if (Model.ReporttypeId != 3) { Court Concerned } Date of Next Hearing Nature of Dispute Present Position Advocate Name } @{var v = (from p in Model.CourtCaseReportList select new { OfficeName = p.OfficeName }).Distinct();} @foreach (var item in v) { @item.OfficeName foreach (var item1 in Model.CourtCaseReportList.Where(x => x.OfficeName == item.OfficeName).ToList().Distinct()) { @item1.SNo @item1.CaseTitle @if (Model.ReporttypeId == 1) { @item1.CourtName @item1.NatureDisputeName @item1.NextHearingDate @item1.SpecialRemark } @if (Model.ReporttypeId == 2 || Model.ReporttypeId == 3 || Model.ReporttypeId == 4 || Model.ReporttypeId == 5 || Model.ReporttypeId == 6) { @item1.CaseNo if (Model.ReporttypeId != 3) { @item1.CourtName } @item1.NextHearingDate @item1.NatureDisputeName @item1.PresentPosition @item1.AdvocateName } } } $(document).ready(function () { $('#mytable').dataTable(); });

var oTable = $('#table').DataTable({ "bProcessing": true, "bServerSide": true, "bSearchable": true, "sAjaxSource": '', "sPaginationType": "full_numbers", "fnServerData": function (sSource, aoData, fnCallback) { $.ajax ({ 'dataType': 'json', 'type': 'POST', 'url': sSource, 'data': aoData, 'success': fnCallback }); }, "aoColumnDefs": [ { "mRender": function(data){ var id = data[0]; var btnEdit = '<a id="memberId" class="btn btn-primary"href="' + '' + '/' + id + '">' + '<i class="fa fa-edit"></i> Edit' + '</a>'; var btnDelete = '<a id="memberId" class="btn btn-danger"href="' + '' + '/' + id + '">' + '<i class="fa fa-delete"></i> Delete' + '</a>'; return btnEdit + ' ' + btnDelete; }, "sWidth": '15%' }] });

$(function () { $("#example1").DataTable(); $('#example2').DataTable({ "paging": true, "lengthChange": true, "searching": true, "ordering": true, "info": true, "autoWidth": false }); });

xls button and copy button return blank to Clipboard , although print is work also if i extend the xls button the click event not fire , of course i'm sure the swf is already loaded although when i extend text button it work fine "aButtons": [ { "sExtends": "text", "sButtonText": "New Record", "fnClick": function (nButton, oConfig, oFlash) { this.OpenFormForNew(); } }, { "sExtends": "xls", "sButtonText": "Excel", "mColumns": [0, 1, 2], "fnClick": function ( nButton, oConfig, oFlash ) { alert("test") console.log(oConfig); } }, "copy", // "csv", // "xls", "print" ], thanks in advance .

I am using jquery.dataTables but i am not able to how to use it can any one post it with code or example.

Is there any way to add a jQuery UI widget, like Selectmenu, to the header? I would like to add the Selectmenu widget between the length and filter input controls. This code just replaces all the header input controls with the HTML... jQuery(document).ready(function() { var myTable = jQuery('#my-table').DataTable( { "dom": '<"fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-tl ui-corner-tr"lfr>'+ 't'+ '<"fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix ui-corner-bl ui-corner-br"ip>', }; jQuery(".fg-toolbar.ui-toolbar.ui-widget-header.ui-helper-clearfix.ui-corner-tl.ui-corner-tr").html('<b>Custom tool bar! Text/images etc.</b>'); } Edited to change autocomplete to Selectmenu...

Hi, I need to insert a button for each row ( or a link ) OR It's possible from joinArray.php replace the id value with this '<a href="link.php" target=_blank">BUTTON1 Help really appreciated

How can we find Search function, Records per page function, Pagination function and Sort order function? And How to write Ajax in that functions?

I'm using server side datatables. Is there posibility to use column object from ajax response for datatable columns( and options) ? Example JSON: { "recordsTotal": 95, "recordsFiltred": 95, "data": [], "columns" : [ {"title":"column1", ...}, {"title":"column2",...} ] }