我有一個如下的用戶界面:

使用流暢的UI細節列表實現。在顯示列表之前，我看到左側有很多空間。

我如何將其更新為:

# # #如果您的表格中不需要選擇，您可以將selection mode = { selection mode . none }傳遞到DetailsList組件中，它將完全刪除選擇列并將您的列表向左移動。然而，在& quot徘徊& quot表格的灰色部分必須是特定于應用程序的，因為DetailsList默認情況下不會這樣做，你可以在這個代碼沙箱中看到，它就在頁面填充的邊緣:https://codesandbox.io/s/rough-morning-z7v25g?文件=/src/App.tsx

import { DetailsList, SelectionMode } from "@fluentui/react";

export default function App() {
  const items = [
    { age: 31, name: "Bob" },
    { age: 30, name: "Alice" }
  ];

  const columns = [
    {
      key: "age",
      fieldName: "name",
      name: "Age",
      minWidth: 100
    },
    {
      key: "name",
      fieldName: "name",
      name: "Name",
      minWidth: 100
    }
  ];

  return (
    <DetailsList
      items={items}
      columns={columns}
      selectionMode={SelectionMode.none}
    />
  );
}