cdTest cdTest - 1 year ago 198
CSS Question

Bootstrap v4.0.0-alpha.3 table-reflow issue in mobile view

I was trying the below code in mobile view not able to fix the table-reflow issue in mobile view. Any suggestion will be really appericiated

See image here

View code at CODEPEN

<div class="container">
<div class="row">
<div class="col-sm-12">
<table class="table table-reflow">
<th>Employee Name</th>
<tr scope="row">
<td>Amit Shah</td>

Answer Source

I have the solution for you using media query. Hope it might help you. check the CODEPLY link


@media (max-width: 544px) {
  .table-reflow thead,
  .table-reflow thead tr,
  .table-reflow tbody tr {
    width: 100%;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download