在jquery数据表上工作表工具？ [英] working on table tools on top of jquery datatable ?

问题描述

您好b $ b

此链接解释了我的屏幕应该是多么令人兴奋： https：// datatables .net / extras / tabletools / [ ^ ]



我试图通过PDF，EXCEL等按钮获得我的屏幕，但我无法这样做。



我的代码：

 $（document）.ready（function（）{
 
 var dt = $（' ＃myDataTable'）。dataTable（{
 
 sDom  ：'T< clear   > lfrtip'，
 oTableTools  ：{
 sSwfPath  ： / release -datatables / extras / TableTools / media / swf / copy_csv_xls_pdf.swf   
} 
 //上面的代码我刚刚使用并使用了tabletools插件..我的按钮放置得不正确，太小而且在左侧只有保存按钮正常工作:) 
 
 bProcessing < span class =code-st ring> ：true，
 bServerSide  ：true，
 sAjaxSource  ： Home / AjaxHandler  ，
 bJQueryUI   ：true，
 aoColumns  ：[
 {
 sName  ： Lead_Id  ，
 bVisible  ：false，
 bSearchable  ：false，
 bSortable   ：false 
}，
 {
 sName  ：  Contact_Name   
，
 bSearchachable  ：false，
 bSortable  ：false，
 fnRender  ：function（oObj ）{
 return'< a href = \Home / Details /'+ oObj.aData [0] +'\>'+ oObj.aData [1] +'< / a> ; 
} 
}，
 { sName  ： Contact_Address  }，
 { sName  ： Lead_Source  } ，
 { sName  ：域 } 
] 
 
}）; 
）}; 
< / pre>  

问候并感谢你的跋涉进入

解决方案

（document）.ready（function（）{

var dt =

（' ＃myDataTable'）。dataTable（{

sDom ：'T< clear > lfrtip'，
oTableTools ：{
sSwfPath ： / release-datatables / extras / TableTools / media /swf/copy_csv_xls_pdf.swf
}
//上面的代码我刚刚使用和使用过tabletools插件..我的按钮位置不正确，非常sm所有和左侧只有保存按钮正在工作:)

bProcessing ：true，
bServerSide ：true，
sAjaxSource ： Home / AjaxHandler ，
bJQueryUI ：true，
aoColumns ：[
{
sName ： Lead_Id ，
bVisible ：false，
bSearchable ：false，
bSortable ：false
}，
{
sName ： Contact_Name
，
bSearchable ：false，
bSortable ：false，
fnRender ：function（oObj）{
return'< ; a href = \Home / Details /'+ oObj.aData [0] +'\>'+ oObj.aData [1] +'< / a>';
}
}，
{ sName ： Contact_Address }，
{ sName ： Lead_Source } ，
{ sName ：域 }
]

}）;
）};
< / pre>

问候并感谢你的跋涉成

Hi
This link explains how excatly my screen should be : https://datatables.net/extras/tabletools/[^]

I tried to get my screen like that with PDF ,EXCEL etc buttons but i am unable to do so .

My code :

$(document).ready(function () {

    var dt = $('#myDataTable').dataTable({

 sDom": 'T<"clear">lfrtip',
                    "oTableTools": {
                        "sSwfPath": "/release-datatables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf"
                    }
 // The above code i just used and used tabletools plugin .. My buttons are placed improperly that too very small and on left side out of them only save button is working :) 

       "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": "Home/AjaxHandler",
            "bJQueryUI": true,
            "aoColumns": [
                                    {
                                        "sName": "Lead_Id",
                                        "bVisible": false,
                                        "bSearchable": false,
                                        "bSortable": false
                                    },
                       {
                           "sName": "Contact_Name"
                           ,
                           "bSearchable": false,
                           "bSortable": false,
                           "fnRender": function (oObj) {
                               return '<a href=\"Home/Details/' + oObj.aData[0] + '\">' + oObj.aData[1] + '</a>';
                           }
                       },
                       { "sName": "Contact_Address" },
                       { "sName": "Lead_Source" },
                       { "sName": "Domain" }
            ]

        });
)};
</pre>

Regards and thank you for lokking into

解决方案

(document).ready(function () { var dt =

('#myDataTable').dataTable({ sDom": 'T<"clear">lfrtip', "oTableTools": { "sSwfPath": "/release-datatables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf" } // The above code i just used and used tabletools plugin .. My buttons are placed improperly that too very small and on left side out of them only save button is working :) "bProcessing": true, "bServerSide": true, "sAjaxSource": "Home/AjaxHandler", "bJQueryUI": true, "aoColumns": [ { "sName": "Lead_Id", "bVisible": false, "bSearchable": false, "bSortable": false }, { "sName": "Contact_Name" , "bSearchable": false, "bSortable": false, "fnRender": function (oObj) { return '<a href=\"Home/Details/' + oObj.aData[0] + '\">' + oObj.aData[1] + '</a>'; } }, { "sName": "Contact_Address" }, { "sName": "Lead_Source" }, { "sName": "Domain" } ] }); )}; </pre>

Regards and thank you for lokking into

这篇关于在jquery数据表上工作表工具？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！