bootstrap-table hide column in mobile view

bootstrap-table
Nikunj Thakkar picture Nikunj Thakkar · Jul 5, 2016 · Viewed 23k times · Source

I have a checkbox column which should only be visible on desktop and not on Mobile or Tabs.

There are no options available in the documentation to hide/show any columns based on the devise.

Can we do this?

Answer

Klaus picture Klaus · Jan 10, 2019

This is now (4.2) done as explained here: https://getbootstrap.com/docs/4.1/utilities/display/#hiding-elements

For table cells you have to use e.g. 

<th class="d-none d-lg-table-cell">

This will display the table cell only on large displays an upwards.

Related questions

How to load JSON data into Bootstrap table?

There is way using javascript (http://jsfiddle.net/8svjf80g/1/) to load JSON data into Bootstrap table but same example is not working with me. Here is the code - Can you guys please help identify what part I am …

Read More
Scrollbar on bootstrap table

I have table that renders inside a panel which is inside a modal. As the table is relatively large, I'd like to restrict it's rows to say 5 so that the modal does not become scrollable. I looked through SO and …

Read More
Getting values of selected table rows in bootstrap using jquery

I'm using bootstrap table. In that I want to get Item ID value/values of selected table rows after clicking 'Add to cart' button present on same page. Table code: <table data-toggle="table" id="table-style" data-row-style="rowStyle" data-url="tables/…

Read More