title: responsive table with rowspan and colspan
body: <p>I am trying to make this table responsive for mobile but could done properly. I tried bootstrap table-responsive class but its not working. because of rowspan i am facing problem so can any suggest me css for this Table</p>
  
  <p>Desktop Format:
  <a href="https://postimg.org/image/gxj2riueh/" rel="nofollow noreferrer">https://postimg.org/image/gxj2riueh/</a></p>
  
  <p>Mobile Format:
  <a href="https://postimg.org/image/mtq57pwcn/" rel="nofollow noreferrer">https://postimg.org/image/mtq57pwcn/</a></p>
  
  <p><strong>Code:</strong> </p>
  
  <pre><code> &lt;table&gt;
        &lt;tbody&gt;
        &lt;tr&gt;
            &lt;td style="background: #fcfbcd;" rowspan="5"
                &lt;p style="text-align: center;"&gt;BREAKFAST&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&lt;strong&gt;MONDAY&lt;/strong&gt;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&lt;strong&gt;TUESDAY&lt;/strong&gt;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&lt;strong&gt;WEDNESDAY&lt;/strong&gt;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&lt;strong&gt;THURSDAY&lt;/strong&gt;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&lt;strong&gt;FRIDAY&lt;/strong&gt;&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;Milk&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Milk&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Milk&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Milk&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Milk&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;Kix Cereal&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Whole Grain Raisin&lt;/p&gt;
                &lt;p&gt;Bread (1 slice&amp;nbsp; plain, Butter or Marg)&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Cinnamon Raisin Bagel Cream Cheese&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Bran Flakes Cereal&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Cheerios Cereal&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td style="background: #dbc0af;" rowspan="5"
                &lt;p style="text-align: center;"&gt;LUNCH&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Juice&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Juice&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Juice&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Juice&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Juice&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;Chicken Fingers&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Corndog&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Cold cut turkey sandwich&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Hamburger/ Cheeseburger&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Pizza&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;Green Beans&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Pickle&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;Mashed Potatoes&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp; Chips&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Brownie&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Fries&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Breadsticks&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td style="background: #e7e5e6;" rowspan="5"
                &lt;p style="text-align: center;"&gt;SNACK&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;Milk /Juice&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Milk /Juice&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Soynut Butter&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Cottage Cheese&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Yogurt &lt;strong&gt;&lt;em&gt;4 oz cup&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Celery Sticks&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;pretzel&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Oreo cookies&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Raisins&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Pears&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;Fruit Cocktail&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;
                &lt;p&gt;&amp;nbsp;&lt;/p&gt;
            &lt;/td&gt;
        &lt;/tr&gt;
        &lt;/tbody&gt;
        &lt;/table&gt;
  </code></pre>