डेटाटेबल्स:

Question

फ़िल्टर करने के बाद कॉलम आकार बदलने को अक्षम करें मैं डेटाटेबल्स का उपयोग कर रहा हूं और मैं जावास्क्रिप्ट का उपयोग कर डेटा के साथ तालिका को पॉप्युलेट करता हूं। यह ठीक काम करता है लेकिन मैं डेटाबेलिंग के बाद टेबल की कॉलम चौड़ाई का आकार बदलने से डेटाबेल को रोकना चाहता हूं। मैंने वेब पर कई समाधानों की कोशिश की है लेकिन यह समस्या को हल करने के लिए प्रतीत नहीं होता है।

मेरे HTML है:

<table class="table table-striped table-bordered table-hover" id="id-table" width="100%"></table> 

मैं तालिका का दृष्टांत की तरह:

bSearchable false 
sTitle "Column Title" 
sWidth "100px" 
title "Column Title" 
mRender function(data, type, full, meta) 
render function(data, type, full, meta) 

:

var table = $('#id-table').DataTable(
     { 
      paging:  false, 
      ordering: false, 
      info:  false, 
      "bAutoWidth": false, // Disable the auto width calculation : false, 
      columns: columns, 
      data : assignments, 
      sScrollX: "100%", 
      // aoColumns : aoColumns 
    //   aoColumns : [ 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" }, 
    // { "sWidth": "150px" } 
    // ] 

      // aoColumns: aoColumns 
      // columnDefs : cdefs 
     } 
    ); 

जहां डाटा डेटा और कॉलम के साथ एक सरणी है जैसे वस्तुओं की एक सरणी है

मैंने दोनों "कॉलम" में चौड़ाई को सेट करने और "aoColumns" विकल्पों का उपयोग करने की कोशिश की है (टिप्पणी की उपरोक्त कोड में बाहर)। दोनों मामलों में, फ़िल्टरिंग के बाद कॉलम चौड़ाई अभी भी आकार बदल जाती है। इस ऑटो-आकार बदलने को अक्षम करने के तरीके पर कोई विचार?

Answer 1

अपने html तालिका टैग सेट शैली 'fixed' को table-layout और datatable कार्य करने के लिए bAutoWidth = false पारित