cdTest cdTest - 1 month ago 4x
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>


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%;