feature/feature/IO-3554-Form-Row-Layout - Responsive overhaul

client/src/components/parts-dispatch-table/parts-dispatch-table.component.jsx

@@ -1,5 +1,6 @@
 import { MinusCircleTwoTone, PlusCircleTwoTone, SyncOutlined } from "@ant-design/icons";
-import { Button, Card, Input, Space, Table } from "antd";
+import { Button, Card, Input, Space } from "antd";
+import ResponsiveTable from "../responsive-table/responsive-table.component";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -106,7 +107,7 @@ export function PartDispatchTableComponent({ bodyshop, job, billsQuery }) {
         </Space>
       }
     >
-      <Table
+      <ResponsiveTable
         loading={billsQuery.loading}
         scroll={{
           x: true // y: "50rem"
@@ -123,6 +124,7 @@ export function PartDispatchTableComponent({ bodyshop, job, billsQuery }) {
             )
         }}
         columns={columns}
+        mobileColumnKeys={["number", "employeeid", "percent_accepted", "actions"]}
         rowKey="id"
         dataSource={billsQuery.data ? billsQuery.data.parts_dispatch : []}
         onChange={handleTableChange}