原生写表格

/* 表格样式
         */
         .table_title{
             text-align: left;
             font-size: 22px;
             font-weight: 700;
             margin-bottom: 20px;
         }
        td{
             text-align: center;
             padding: 20px 50px;
         }
         tr td:nth-child(1){
             padding: 20px ;
         }
<table border="1" style="border-collapse: collapse;">
        <caption class="table_title">入侵报警</caption>
        <tr><td>防区数量</td><td>2</td></tr>
        <tr><td>布防数量</td><td>32</td></tr>
        <tr><td>报警数量</td><td>21</td></tr>
    </table>


<table border="1" style="border-collapse: collapse;">
        <caption class="table_title">给排水</caption>
        <tr><td>设备类别</td><td>设备总数</td><td>运行数量</td><td>报警数量</td></tr>
        <tr><td>生活水泵</td><td>45</td><td>34</td><td>0</td></tr>
        <tr><td>消防水泵</td><td>33</td><td>23</td><td>1</td></tr>
        <tr><td>排污泵</td><td>24</td><td>14</td><td>0</td></tr>
    </table>

效果如下：