fix: comprehensive UI fix — all table columns have explicit widths, no ellipsis on data, consistent scroll.x
This commit is contained in:
@@ -136,22 +136,22 @@ const ClassroomsPage: React.FC = () => {
|
||||
|
||||
const columns = [
|
||||
{
|
||||
title: '教室名',
|
||||
title: '教室名', width: 120,
|
||||
dataIndex: 'name',
|
||||
sorter: (a: any, b: any) => a.name.localeCompare(b.name),
|
||||
},
|
||||
{ title: '楼栋', dataIndex: 'building' },
|
||||
{ title: '楼层', dataIndex: 'floor' },
|
||||
{ title: '楼栋', dataIndex: 'building', width: 80 },
|
||||
{ title: '楼层', dataIndex: 'floor', width: 80 },
|
||||
{
|
||||
title: '类型',
|
||||
title: '类型', width: 90,
|
||||
dataIndex: 'roomType',
|
||||
render: (v: string) => <Tag color={typeColor[v] || 'default'}>{v || '-'}</Tag>,
|
||||
},
|
||||
{ title: '容量', dataIndex: 'capacity' },
|
||||
{ title: '课程类型', dataIndex: 'courseType', render: (v: string) => v || '-' },
|
||||
{ title: '负责人', dataIndex: 'supervisor', render: (v: string) => v || '-' },
|
||||
{ title: '容量', dataIndex: 'capacity', width: 80 },
|
||||
{ title: '课程类型', dataIndex: 'courseType', width: 100, render: (v: string) => v || '-' },
|
||||
{ title: '负责人', dataIndex: 'supervisor', width: 100, render: (v: string) => v || '-' },
|
||||
{
|
||||
title: '状态',
|
||||
title: '状态', width: 100,
|
||||
dataIndex: 'status',
|
||||
render: (s: string, record: { currentUsage?: CurrentUsage | null }) => {
|
||||
const effectiveStatus = record.currentUsage ? 'in_use' : s;
|
||||
|
||||
Reference in New Issue
Block a user