#434

frontend/src/components/counts/CountsSortHeader.tsx

@@ -8,12 +8,13 @@ import type { CountSort } from '@/lib/counts'
 
 
 const CountsSortHeader = (
-    { field, label, sorts, change, structured = false }: {
+    { field, label, sorts, change, structured = false, rowSpan, colSpan, resizable = true }: {
 	field: string
 	label: { text: string; language: string }
 	sorts: CountSort[]
 	change: (key: string, additive: boolean) => void
-	structured?: boolean },
+	structured?: boolean
+	rowSpan?: number; colSpan?: number; resizable?: boolean },
 ) => {
   const { message } = useUITranslation ('counts')
   const press = useRef<{ x: number; y: number
@@ -36,7 +37,7 @@ const CountsSortHeader = (
       direction: message (`sort.${state}`).text })
 
   return (
-      <th data-counts-heading={label.text}
+      <th data-counts-heading={label.text} rowSpan={rowSpan} colSpan={colSpan}
 	  className="relative overflow-hidden whitespace-nowrap px-1 py-1"
 	  aria-sort={(sorts.length > 1 && priority >= 0) ? 'other' : state}>
 	<Button type="button" variant="ghost" size="sm"
@@ -89,7 +90,7 @@ const CountsSortHeader = (
 	  {priority >= 0 && <span aria-hidden>
 	    {direction === 'asc' ? '▲' : '▼'}{sorts.length > 1 && priority + 1}</span>}
 	</Button>
-	<CountsResizeHandle field={field} label={label}/>
+	{resizable && <CountsResizeHandle field={field} label={label}/>}
       </th>)
 }