Datatables沒有顯示詳細的按鈕

我試圖在我的網上使用數據表，但是當我在網上添加所有東西后，它不顯示像我看到的模板那樣的東西。這是模板這是我得到 Datatables沒有顯示詳細的按鈕

的事情，我的意思是我無法看到的加號按鈕，這樣我可以不看產品的詳細信息。此按鈕只顯示當我讓瀏覽器變得這樣小，但我需要，即使在瀏覽器較大，如在模板

你有什麼想法，請幫助？這是我遵循模板： https://datatables.net/extensions/responsive/examples/display-types/foundation-modal.html 這是我的腳本：

$(document).ready(function() { 
$('#example').DataTable({ 
    responsive: { 
     details: { 
      display: $.fn.dataTable.Responsive.display.modal({ 
       header: function (row) { 
        var data = row.data(); 
        return 'Details for '+data[0]+' '+data[1]; 
       } 
      }), 
      renderer: function (api, rowIdx, columns) { 
       var data = $.map(columns, function (col, i) { 
        return '<tr>'+ 
          '<td>'+col.title+':'+'</td> '+ 
          '<td>'+col.data+'</td>'+ 
         '</tr>'; 
       }).join(''); 

       return $('<table width="100%"/>').append(data); 
      } 
     } 
    } 
});

}）;

來源

2015-12-30 Hoàng Trung Hiếu

請幫幫我！ –

你必須顯示你的代碼 –

我確實添加了我的腳本，你能幫助我嗎？ –

也許不是關於「javascript」的原因。你可以通過比較你的兩個圖像來檢查你的html或css，你的frame結構應該有一些問題;當瀏覽器窗口較大時，你可以f12看到那些代碼存在：

table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { 
    top: 8px; 
    left: 4px; 
    height: 16px; 
    width: 16px; 
    display: block; 
    position: absolute; 
    color: white; 
    border: 2px solid white; 
    border-radius: 16px; 
    box-shadow: 0 0 3px #444; 
    box-sizing: content-box; 
    font-family: 'Courier New', Courier, monospace; 
    text-indent: 4px; 
    line-height: 16px; 
    content: '+'; 
    background-color: #008CBA;

}

東陽代碼確定此button.Hope它可以幫助你的存在！這樣的：

來源

2015-12-30 10:04:43 Anan

你的意思是說，我必須把我的代碼放在一個div中，並通過css使該div的大小正確嗎？ –

不，因爲你使用數據表，這些CSS包含你的introduction.eg:"https://cdn.datatables.net/responsive/2.0.0/css/responsive.foundation.min.css",你只需要「f12 「檢查這些元素是否存在。 – Anan

它不存在於我的代碼中，或者我可以通過它將css鏈接到在線頁面 –

對於任何人仍然在2018

發現這一點，我發現了問題，與沒有出現我的「加號」按鈕（當一個反應靈敏，移動視圖）是因爲他們被附加到行的「第一個孩子」，所以如果除了第一行以外的行被給予響應優先級而不是該行，則該按鈕隨之消失。

來源

2018-01-09 17:44:09

Datatables沒有顯示詳細的按鈕

回答

相關問題