Adds whitespace parameter (#44)

* Adds whitespace parameter

* Fixes missing brackets

Author: JWittmeyer

components/kern-table/KernTable.tsx

@@ -47,7 +47,7 @@ export default function KernTable(props: KernTableProps) {
                     <tr key={index} className={index % 2 != 0 ? "bg-gray-50" : "bg-white"}>
                         {row.map((cell, index) => {
                             return <Fragment key={index}>
-                                <td className="whitespace-nowrap text-center px-3 py-2 text-sm text-gray-500 ">
+                                <td className={"text-center px-3 py-2 text-sm text-gray-500 " + (props.headers[index].wrapWhitespace ? "whitespace-normal" : "whitespace-nowrap")}>
                                     <div className="flex flex-row items-center justify-center gap-x-2">
                                         <ComponentMapper {...cell} />
                                         {cell.editFunction && <IconEdit className="h-5 w-5 text-gray-500 cursor-pointer" onClick={cell.editFunction} />}

types/kern-table.ts

@@ -1,7 +1,7 @@
 import { SortKey } from "./sort";
 
 export type KernTableProps = {
-    headers: { column: string, id: string, hasSort?: boolean, hasCheckboxes?: boolean, checked?: boolean, onChange?: any, tooltip?: string }[];
+    headers: { column: string, id: string, hasSort?: boolean, hasCheckboxes?: boolean, checked?: boolean, onChange?: any, tooltip?: string, wrapWhitespace?: boolean }[];
     values?: any[];
     config?: {
         sortKey?: SortKey;