title: tabulator column visible, using function to decide column visibility
body: <p>I am trying to set the column visibility though a function, to check if a value in the cell is true, then the column is visible, else it is hidden,</p>
  <p>am using tabulator JS
  this part is based on a column value in the rows , as below
  My plan was, if the value of ageRange &gt; 25, the column is visible, but with no success, I tried the below code:</p>
  <pre><code>   
  
  
  
      const table = new Tabulator(&quot;#example-table&quot;, {
        data: tabledata,
        columns: [{
            title: &quot;Name&quot;,
            field: &quot;name&quot;,
            width: 200
          },
          {
            title: &quot;Gender&quot;,
            field: &quot;gender&quot;,
            visible: false
          },
       {
            title: &quot;Age&quot;,
            formatter: AgeIcon,
            width: 40,
            headerSort: false,
            visible: function (e, cell) {
              return cell.getRow().getData().ageRange &gt; 25;
            }
          },
      ```
      
      &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js&quot;&gt;&lt;/script&gt;
      &lt;link href=&quot;https://unpkg.com/tabulator-tables@4.4.1/dist/css/tabulator.min.css&quot; rel=&quot;stylesheet&quot;&gt;
      &lt;script type=&quot;text/javascript&quot; src=&quot;https://unpkg.com/tabulator-tables@4.4.1/dist/js/tabulator.min.js&quot;&gt;&lt;/script&gt;
      &lt;div id=&quot;example-table&quot;&gt;&lt;/div&gt;
  </code></pre>