All geek questions in one place

Hide table columns with Bootstrap 4

I know that Bootstrap 4 uses new display utilities to show or hide information depending on the screen size. My question is how to make these works a table? I want to remove columns as the screen size is smaller.

I used "d-xs-none" and this has no effect. However, when I use "d-sm-none", the column is deleted when the size is "cm" or larger (the exact opposite of what I need). If I try "d-none d-xs-none", the column will never appear. How in:<th class="text-center d-none d-xs-none" scope="col">Location</th>

Basically, can you show me an example of hiding a table column when resizing a browser on a mobile device? Thanks for the help!

+4
source share
1 answer

Try using d-none d-sm-table-celltable columns. Columns having these classes will not display on xs.

+6
source

Source: https://habr.com/ru/post/1692286/

More articles:


All Articles