用windi做一个后台管理界面，左边是导航栏，右边有表格

好的，我可以为您提供一些基本的代码示例，但需要注意的是，Windicss是一个CSS框架，它可以帮助您更快速地编写CSS样式，但在使用之前需要先安装和配置。

首先，我们需要在HTML文件中添加一个容器，用于放置左侧导航栏和右侧表格：

<div class="flex">
  <div class="w-48 bg-gray-200">
    <!-- 左侧导航栏 -->
  </div>
  <div class="flex-1">
    <!-- 右侧表格 -->
  </div>
</div>

在上面的代码中，我们使用了Windicss的flex布局，将容器分成了两个部分，左侧宽度固定为48像素，背景颜色为灰色，右侧宽度自适应。

接下来，我们可以在左侧容器中添加一些导航链接，代码如下：

<div class="flex flex-col h-full">
  <a href="#" class="py-3 px-4 bg-gray-300 hover:bg-gray-400">链接1</a>
  <a href="#" class="py-3 px-4 bg-gray-300 hover:bg-gray-400">链接2</a>
  <a href="#" class="py-3 px-4 bg-gray-300 hover:bg-gray-400">链接3</a>
</div>

这里我们使用了Windicss的flex-col布局，使链接垂直排列。链接的样式使用了Windicss的py-3和px-4类，分别表示垂直和水平方向的padding值，bg-gray-300表示背景颜色为浅灰色，hover:bg-gray-400表示鼠标悬停时背景颜色变为深灰色。

最后，在右侧容器中添加表格，代码如下：

<div class="p-4">
  <table class="w-full border-collapse border border-gray-300">
    <thead>
      <tr class="bg-gray-200">
        <th class="p-2 border border-gray-300">列1</th>
        <th class="p-2 border border-gray-300">列2</th>
        <th class="p-2 border border-gray-300">列3</th>
      </tr>
    </thead>
    <tbody>
      <tr class="bg-gray-100">
        <td class="p-2 border border-gray-300">内容1</td>
        <td class="p-2 border border-gray-300">内容2</td>
        <td class="p-2 border border-gray-300">内容3</td>
      </tr>
      <tr class="bg-gray-100">
        <td class="p-2 border border-gray-300">内容4</td>
        <td class="p-2 border border-gray-300">内容5</td>
        <td class="p-2 border border-gray-300">内容6</td>
      </tr>
    </tbody>
  </table>
</div>

这里我们使用了Windicss的p-4类为表格容器添加padding值，使用了border-collapse和border类来设置表格的边框样式，thead和tbody用于分别设置表格的表头和表体，tr用于设置表格行的样式，th和td用于设置表格单元格的样式，bg-gray-200和bg-gray-100用于设置表格的背景颜色。

以上就是一个基本的后台管理界面的代码，您可以根据实际需求进行调整和修改。