feat: style column

src/component/SupplierComponent.js

@@ -58,20 +58,23 @@ export const SupplierComponent = observer((props) => {
       title: "Kode",
       dataIndex: "code",
       key: "code",
+      width: "5%",
     },
     {
       title: "Saldo",
-      dataIndex: ["coa","amount"],
-      key: ["coa","amount"],
+      dataIndex: ["coa", "amount"],
+      key: ["coa", "amount"],
+      width: "20%",
     },
     {
       title: "Status",
       dataIndex: "status",
       key: "status",
+      width: "5%",
       render: (text, record) => (
           <Tag
               color={record?.status === true ? "processing" : "#E3E8EE"}
-          style={{ color: "#4F566B" }}
+              style={{color: "#4F566B"}}
           >
             {record?.status === true ? " ACTIVE" : "INACTIVE"}
           </Tag>
@@ -80,6 +83,7 @@ export const SupplierComponent = observer((props) => {
     {
       title: "Action",
       key: "action",
+      width: "20%",
       render: (text, record) => (
           <Space size="middle">
             <Button