Display less columns in mobile device
You can use CSS nth-child to hide columns
<style>@media only screen and (max-width: 800px) { /******** table header *********/ table th:nth-child(1n+5) { display: none; } /********* table data **********/ #tb_orders td:nth-child(1n+5) { display: none; } /********* fix quirks **********/ table.table { width: 100% !important; }}</style>More on nth-child CSS properties