No data available

;\n }\n\n // Safety check for sortedData and paginatedData\n if (!sortedData || sortedData.length === 0) {\n return

No data available

;\n }\n\n return (\n

\n {isServerSidePagination && totalCount !== undefined\n ? `Showing ${paginatedData.length} of ${totalCount} results (page ${currentPage} of ${totalPages})`\n : `Showing ${paginatedData.length} of ${sortedData.length} results`}\n

\n \n \n \n {columns.map((col) => (\n sortable && handleSort(col.key)}\n style={{\n ...thStyle,\n ...(sortable ? { cursor: \"pointer\", userSelect: \"none\" } : {}),\n ...(sortColumn === col.key ? { backgroundColor: \"#e3f2fd\" } : {}),\n }}\n title={sortable ? `Click to sort by ${col.label}` : undefined}\n aria-sort={\n sortColumn === col.key\n ? sortDirection === \"asc\"\n ? \"ascending\"\n : \"descending\"\n : \"none\"\n }\n >\n {col.label}\n {sortColumn === col.key && (\n \n {sortDirection === \"asc\" ? \" ↑\" : \" ↓\"}\n \n )}\n \n ))}\n \n \n \n {paginatedData.map((row, idx) => (\n \n {columns.map((col, colIdx) => {\n try {\n const value = row[col.key];\n const formatted = col.format\n ? col.format(value, row, idx)\n : String(value ?? \"-\");\n return (\n \n );\n } catch (error) {\n console.error(`Error rendering column ${col.key}:`, error);\n return (\n \n );\n }\n })}\n \n ))}\n \n

\n {formatted}\n	\n -\n

\n {totalPages > 1 && (\n

\n handlePageChange(Math.max(1, currentPage - 1))}\n disabled={currentPage === 1 || loading}\n style={buttonStyle}\n aria-label=\"Previous page\"\n >\n Previous\n \n \n Page {currentPage} of {totalPages}\n \n handlePageChange(Math.min(totalPages, currentPage + 1))}\n disabled={currentPage === totalPages || loading}\n style={buttonStyle}\n aria-label=\"Next page\"\n >\n Next\n \n

\n )}\n

\n );\n}\n","deleted","label",[179,160],"components","permalink","https://www.val.town/x/geordie/euroleague-stats/code/components/StatsTable.tsx","extension","actionData","errors"]