我用php开发了一个日历，它在选定的月份视图中显示各个日期的总出勤率。这在桌面视图上非常有效。使用标准HTML表。

对于mobile视图，我希望表头包含位于左侧的星期几，日期和出勤率位于对应日期的同一行。类似于Outlook日历的内容

  <table style="border-collapse: collapse;font-size:14px;padding:5px;margin-left:auto;margin-right:auto;border:1px solid black;line-height:25px;" border=1>
<tr style="height:50px;">
    <td style="width:100px;font-weight:bolder;text-align:center;color:#FFFFFF;background-color:red;font-size:16px;">Sun</td>
    <td style="width:100px;font-weight:bolder;text-align:center;font-size:16px;">Mon</td>
    <td style="width:100px;font-weight:bolder;text-align:center;font-size:16px;">Tue</td>
    <td style="width:100px;font-weight:bolder;text-align:center;font-size:16px;">Wed</td>
    <td style="width:100px;font-weight:bolder;text-align:center;font-size:16px;">Thu</td>
    <td style="width:100px;font-weight:bolder;text-align:center;font-size:16px;">Fri</td>
    <td style="width:100px;font-weight:bolder;text-align:center;font-size:16px;">Sat</td>
</tr>

    <tr style="height:50px;">
        <td colspan="7" style="text-align:center;ont-weight:bolder;background-color:#33b5e5;"><h1>January</h1></td>
    </tr>
    <tr style="height:70px;">
            
                <td style="width:100px;background-color:lightgrey;">&nbsp;</td>
                <td style="width:100px;background-color:lightgrey;">&nbsp;</td>
                <td style="width:100px;background-color:lightgrey;">&nbsp;</td>
                <td style="width:100px;background-color:lightgrey;">&nbsp;</td>
                <td style="width:100px;background-color:#ffffff;">&nbsp;</td>
      </tr>
</table>

我打算做的是一周中的几天出现在屏幕的左侧，因为日期（在右边）将显示相应的日期，总出席人数和可在移动屏幕上点击。单击后，它将重定向到所选日期的相应会员注册页面。

我有一切工作在桌面屏幕上。只是需要一个指南来做更好地在移动屏幕上访问

顺晟科技：