Function content

src/ui-solid-dom/RelationshipInHtmlTable.tsx:142–181

()

    () => details()[1],
  );
  const content = () => {
    const [relationships, store, localTableId, remoteTableId] = details();
    const params = getParams(
      props.idColumn ?? true,
      cells,
      localTableId,
      remoteTableId,
      props.relationshipId,
      relationships,
      store,
      props.extraCellsBefore,
      props.extraCellsAfter,
    );
    return (
      <table class={props.className}>
        {isFalse(props.headerRow) ? null : (
          <thead>
            <tr>
              {extraHeaders(props.extraCellsBefore)}
              {isFalse(props.idColumn) ? null : (
                <>
                  <th>{localTableId}.Id</th>
                  <th>{remoteTableId}.Id</th>
                </>
              )}
              {objToArray(cells(), (cell) => (
                <th>{cell.label}</th>
              ))}
              {extraHeaders(props.extraCellsAfter)}
            </tr>
          </thead>
        )}
        <tbody>
          {arrayMap(rowIds(), (localRowId) =>
            RelationshipInHtmlRow({localRowId, params}),
          )}
        </tbody>
      </table>
    );
  };
  return <>{content()}</>;
};