Here is my current px-table code:
<px-data-table table-data="[[tableData]]" filterable striped selected-rows="{{_selectedRule}}" selectable id="ruleTableID">
<px-data-table-column filterable name="rule_name" type="html" label="Rule Name" ></px-data-table-column>
<px-data-table-column filterable max-column-character-width="30" name="rule_message" label="Message"></px-data-table-column>
<px-data-table-column filterable max-column-character-width="30" name="rule_maintenance_tip" label="Maintenance Tip"></px-data-table-column>
<px-data-table-column filterable max-column-character-width="20" name="rule_dist_email" label="Recipient"></px-data-table-column>
<px-data-table-column sortable filterable name="rule_job_frequency" label="Frequency (Minutes)"></px-data-table-column>
<px-data-table-column filterable name="rule_enabled_display" label="Status"></px-data-table-column>
</px-data-table>
I would like the final column for enabled with label="Status" to be a toggle button as the data is either Yes/No. Is this possible?
This should be possible by adding a column of type html, like this:
<px-data-table-column type="html">
