Javascript 带有第三方按钮的数据表_Javascript_Jquery_Datatables

Javascript 带有第三方按钮的数据表

javascript jquery datatables

Javascript 带有第三方按钮的数据表,javascript,jquery,datatables,Javascript,Jquery,Datatables,我有一个用handlebar编码的页面，我从nodejs获取json格式的数据。我正在尝试渲染一个按钮，它是第三方按钮。当我不使用DataTables（）时，按钮将正确呈现，单击它们将打开第三方登录窗口进行进一步处理但是，当我启用DataTables时，只有第一个页面被正确呈现，并且按钮可以工作，但是当元素数超过10时，它对其他页面不起作用。我不确定这是否是DataTables的问题，或者第三方按钮的预期行为，但我怀疑当我在DataTables中切换页面时，按钮在呈现时预期的参数没有正确发送。

我有一个用handlebar编码的页面，我从nodejs获取json格式的数据。我正在尝试渲染一个按钮，它是第三方按钮。当我不使用DataTables（）时，按钮将正确呈现，单击它们将打开第三方登录窗口进行进一步处理

但是，当我启用DataTables时，只有第一个页面被正确呈现，并且按钮可以工作，但是当元素数超过10时，它对其他页面不起作用。我不确定这是否是DataTables的问题，或者第三方按钮的预期行为，但我怀疑当我在DataTables中切换页面时，按钮在呈现时预期的参数没有正确发送。我不熟悉数据表

<body>
<div class="container">
    <div class="jumbotron">
    <h1>Last 100 NSE Annoucements</h1>
    <h3>Top Annoucements by corporates listed on NSE</h3>
    </div>
</div>

<div class="container"> 
    <table class="table table-hover table-responsive table-sm" id="resultTable"">
        <thead>
        <tr>
        <th class="col-sm-1" scope="row">Ticker</th>
        <th class="col-sm-1" scope="row">Link</th>
        <th class="col-sm-2" scope="row">Date</th>
        <th class="col-sm-5" scope="row">Description</th>
        <th class="col-sm-1" scope="row">Trade</th>
        </tr>
        </thead>
        <tbody>
        {{#each feedList}}
        <tr>
            <td> {{this.ticker}} </td>
            <td> <a href="{{this.attachmentLink}}"> {{this.ticker}}</a> </td>
            <td> {{moment date=this.dateAdded format="DD-MM-YYYY h:mm:ss a"}} </td>
            <td> {{this.purposeText}} </br> {{this.summaryText}} </td>
            <td> <span> <kite-button href="#" data-kite="secret_key"
                data-exchange="NSE"
                data-tradingsymbol="{{this.ticker}}"
                data-transaction_type="BUY"
                data-quantity="1"
                data-order_type="MARKET">Buy {{this.ticker}} stock</kite-button> </span></td> 
        </tr>
           {{/each}}
        </tbody>
    </table>
</div>
</body>
    <script>
    $(document).ready(function() {
        $('#resultTable').DataTable({
        "order": [[ 2, "desc" ]],
        "columnDefs" : [{"targets":2, "type":"date"}]
        });
    });</script>
</html>


最后100次NSE公告
NSE上市公司发布的最新公告
股票行情
链接
日期
描述
贸易
{{#每个feedList}
{{this.ticker}}
{{moment date=this.dateAdded format=“DD-MM-YYYY h:MM:ss a”}
{{this.purposeText}
{{{this.summaryText}}
{{this.ticker}}
{{/每个}}
$（文档）.ready（函数（）{
$（“#可结果”）.DataTable({
“订单”：[[2，“说明”]，
“columnDefs”：[{“targets”：2，“type”：“date”}，
{ 
目标：-1，
可搜索：false，
可订购：错误，
呈现：函数（数据、类型、完整、元）{
如果（类型==‘显示’）{
数据='买入'+数据+'股票'；
}
返回数据；
}
]
});
});

<body>
<div class="container">
    <div class="jumbotron">
    <h1>Last 100 NSE Annoucements</h1>
    <h3>Top Annoucements by corporates listed on NSE</h3>
    </div>
</div>

<div class="container"> 
    <table class="table table-hover table-responsive table-sm" id="resultTable"">
        <thead>
        <tr>
        <th class="col-sm-1" scope="row">Ticker</th>
        <th class="col-sm-1" scope="row">Link</th>
        <th class="col-sm-2" scope="row">Date</th>
        <th class="col-sm-5" scope="row">Description</th>
        <th class="col-sm-1" scope="row">Trade</th>
        </tr>
        </thead>
        <tbody>
        {{#each feedList}}
        <tr>
            <td> {{this.ticker}} </td>
            <td> <a href="{{this.attachmentLink}}"> {{this.ticker}}</a> </td>
            <td> {{moment date=this.dateAdded format="DD-MM-YYYY h:mm:ss a"}} </td>
            <td> {{this.purposeText}} </br> {{this.summaryText}} </td>
            <td> {{this.ticker}} </td> 
        </tr>
           {{/each}}
        </tbody>
    </table>
</div>
</body>
    <script>
    $(document).ready(function() {
        $('#resultTable').DataTable({
        "order": [[ 2, "desc" ]],
        "columnDefs" : [{"targets":2, "type":"date"},
        { 
            targets: -1,
            searchable: false,
            orderable: false,
            render: function(data, type, full, meta){
               if(type === 'display'){
              data = '<kite-button href="#" data-kite="scret" data-exchange="NSE" data-tradingsymbol=' + data + 'data-quantity="1" data-order_type="MARKET">Buy '+ data + 'stock</kite-button>';      
               }

               return data;
            }
        ]
        });
    });</script>
</html>