jQuery Datatables 元素放置

Question

我正在处理一个使用 jQuery Datatables 的页面，我正在尝试弄清楚如何在标记中放置一个元素。

这是页面:

我希望“单击此处下载完整报告”链接与“资金摘要”标题在同一行的右侧对齐。

这是我用来添加标题的代码:

$(document).ready(function () {

   var FStable = $('#tblFundingSummary').dataTable(
       {
           "scrollY": "300px",
           "scrollCollapse": true,
           "paging": false,

           dom: '<"toolbar">rti<"floatRight"B><"clear">',

           buttons: {
               buttons: [
                   { extend: 'excel', text: 'Export to Excel', exportOption: { page: 'current' }, footer: true }
               ]
           }

       });

   $("#tblFundingSummary_wrapper div.toolbar").html('<h2>Funding Summary</h2><div style="text-align: right; float:right;"><a id="aExport" title="Click here to download full report" OnServerClick="ExportFundingSummaryToExcel"  runat="server">Click here to download full report</a></div>');

Answer 1

由于您是通过代码添加标题和按钮，因此您可以标记 <h2>作为display:inline-block或 float:left或任何其他满足您要求的CSS设置

$("#tblFundingSummary_wrapper div.toolbar")
     .html('<h2 style="display: inline-block;">Funding Summary</h2><div style="text-align: right; float:right;"><a id="aExport" title="Click here to download full report" OnServerClick="ExportFundingSummaryToExcel"  runat="server">Click here to download full report</a></div>');