<div class="table-responsive"> <!-- Required for Responsive -->
  <table class="table table-striped table-bordered">
    <thead>
      <tr>
        <th>نام</th>
        <th>سمت</th>
        <th>دفتر</th>
        <th>سن</th>
        <th>تاریخ شروع</th>
        <th>حقوق</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>سارا فروهر</td>
        <td>مسئول فروش</td>
        <td>تهران</td>
        <td>46</td>
        <td>1398/12/06</td>
        <td>145,600</td>
      </tr>
      <tr>
        <td>همایون محمدی</td>
        <td>مدیر اجرایی</td>
        <td>رشت</td>
        <td>47</td>
        <td>1398/03/21</td>
        <td>356,250</td>
      </tr>
      <tr>
        <td>لاله محمدی</td>
        <td>مدیر سیستم</td>
        <td>رشت</td>
        <td>21</td>
        <td>1398/02/27</td>
        <td>103,500</td>
      </tr>
      <tr>
        <td>هدا محمدی</td>
        <td>توسعه دهنده</td>
        <td>گیلان</td>
        <td>30</td>
        <td>1396/07/14</td>
        <td>86,500</td>
      </tr>
      <tr>
        <td> شادی محمدی</td>
        <td>مدیر اجرایی</td>
        <td>تهران</td>
        <td>51</td>
        <td>1398/11/13</td>
        <td>183,000</td>
      </tr>
      <tr>
        <td>  یگانه محمدی</td>
        <td>برنامه نویس</td>
        <td>تبریز</td>
        <td>29</td>
        <td>1398/06/27</td>
        <td>183,000</td>
      </tr>
      <tr>
        <td>دنیا محمدی</td>
        <td>پشتیبانی مشتری</td>
        <td>تهران</td>
        <td>27</td>
        <td>1398/01/25</td>
        <td>112,000</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <th>نام</th>
        <th>سمت</th>
        <th>دفتر</th>
        <th>سن</th>
        <th>تاریخ شروع</th>
        <th>حقوق</th>
      </tr>
    </tfoot>
  </table>
</div>

<table class="table table-bordered table-striped table-responsive-stack">
  <thead class="thead-dark">
    <tr>
      <th>Name</th>
      <th>رنگ</th>
      <th>مزه</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>سیب</td>
      <td>سبز و قرمز</td>
      <td>شیرین و ترش</td>
    </tr>
    <tr>
      <td>موز</td>
      <td>زرد</td>
      <td>شیرین</td>
    </tr>
    <tr>
      <td>انبه</td>
      <td>زرد و سبز</td>
      <td>گس</td>
    </tr>
    <tr>
      <td>پرتقال</td>
      <td>پرتقال</td>
      <td>شیرین و ترش</td>
    </tr>
    <tr>
      <td>بلوبری</td>
      <td>آبی</td>
      <td>شیرین</td>
    </tr>
  </tbody>
</table>