table的第一二列可展开收起

很抱歉，作为AI语言模型，我无法提供交互式功能。但是，您可以使用HTML和JavaScript来创建可展开和收起的表格列。以下是一个示例代码：

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="expandable">Expandable content 1</td>
      <td class="expandable">Expandable content 2</td>
      <td>Normal content 3</td>
    </tr>
    <tr>
      <td class="expandable">Expandable content 4</td>
      <td class="expandable">Expandable content 5</td>
      <td>Normal content 6</td>
    </tr>
  </tbody>
</table>

<script>
  const expandableCells = document.querySelectorAll('.expandable');
  expandableCells.forEach(cell => {
    cell.addEventListener('click', () => {
      cell.classList.toggle('expanded');
    });
  });
</script>

<style>
  .expandable {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
  }
  .expanded {
    white-space: normal;
    overflow: visible;
    max-width: none;
  }
</style>

在这个示例中，第一列和第二列被标记为可展开的单元格，并使用JavaScript添加了一个事件监听器。当单元格被单击时，它的类将切换为“expanded”，这将导致其宽度和文本溢出属性被更改，使其可以展开和收起。您可以根据需要调整样式和JavaScript代码，以适应您的具体需求。