手写一个4行4列的table表格平分

| | | | |
|----|----|----|----|
| | | | |
|----|----|----|----|
| | | | |
|----|----|----|----|
| | | | |

相关问题

uni-app中手写table表格

在uni-app中手写表格可以使用HTML表格标签进行实现。以下是一个简单的例子：

<template>
  <view class="table-container">
    <table>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
      </tr>
      <tr>
        <td>张三</td>
        <td>25</td>
        <td>男</td>
      </tr>
      <tr>
        <td>李四</td>
        <td>30</td>
        <td>女</td>
      </tr>
      <tr>
        <td>王五</td>
        <td>28</td>
        <td>男</td>
      </tr>
    </table>
  </view>
</template>

<style>
  .table-container {
    overflow-x: scroll;
    /* 横向滚动条 */
  }
  table {
    border-collapse: collapse;
    /* 边框合并 */
    width: 100%;
  }
  th,
  td {
    border: 1px solid #ddd;
    /* 边框样式 */
    padding: 8px;
    text-align: center;
  }
  th {
    background-color: #f2f2f2;
    /* 表头背景色 */
  }
</style>

这段代码会生成一个包含三列数据的表格，包括姓名、年龄和性别。通过CSS样式可以控制表格的样式，比如设置表头背景色、边框样式等。同时，为了在移动端能够滚动查看整张表格，可以设置容器的横向滚动条。

微信小程序手写表格怎么保证每列宽度一致

要保证微信小程序手写表格每列宽度一致，可以使用CSS中的表格布局属性`table-layout:fixed`，它可以强制表格每列的宽度相等。具体做法如下：

1. 在CSS中设置表格布局属性为`table-layout:fixed`。

.table {
  table-layout: fixed;
}

2. 在HTML中创建表格，并设置表格的列宽度。

<table class="table">
  <colgroup>
    <col width="30%">
    <col width="30%">
    <col width="40%">
  </colgroup>
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
    <tr>
      <td>数据4</td>
      <td>数据5</td>
      <td>数据6</td>
    </tr>
  </tbody>
</table>

在上面的例子中，`<colgroup>`元素定义了表格的列，通过`<col>`元素设置每列的宽度。这里设置了三列，分别为30%、30%和40%。`<thead>`和`<tbody>`元素分别定义了表格的表头和表格主体。在实际开发中，可以根据需要设置表格的列数和每列的宽度。