fix issue in TableHeader, default showSortIcons to false

Author: spencergray96

src/TableGenerator.tsx

@@ -185,7 +185,7 @@ export interface TableGeneratorProps {
 	/**
 	 * Toggle to hide or show the arrow icons in the header cells when a column is sortable. Defaults true
 	 */
-	showSortIcons: boolean;
+	showSortIcons?: boolean;
 
 	/**
 	 * Hide or show the header row. Defaults true
@@ -376,7 +376,7 @@ export const TableGenerator: React.FC<TableGeneratorProps> = (props) => {
 TableGenerator.defaultProps = {
 	showHeader: true,
 	showBody: true,
-	showSortIcons: true,
+	showSortIcons: false,
 	striped: true,
 	loading: false,
 	enableNoDataMessage: true,

src/TableHeader.tsx

@@ -2,6 +2,7 @@ import React, {ReactNode} from "react";
 import {ColumnOption, TableGeneratorProps} from "./TableGenerator";
 import classNames from "classnames";
 import {ISortStyle, SortOrder} from "./utils/sorting";
+import {CellContextDetails} from "./contextTypes";
 
 export interface ITableHeaderProps extends Partial<TableGeneratorProps> {
 	sortConfiguration: ISortStyle;
@@ -39,7 +40,6 @@ const TableHeader: React.FC<ITableHeaderProps> = (props) => {
 			return null;
 		}
 
-
 		// Determine if the column is sortable. First check if table sorting is true & this column is not disabled,
 		// then if that doesn't evaluate true, just check if this column is set as sortable.
 		const isSortable: boolean = (props.sortable && column.sortable !== false) || column.sortable;
@@ -48,23 +48,30 @@ const TableHeader: React.FC<ITableHeaderProps> = (props) => {
 		// then if that doesn't evaluate true, just check if this column has them enabled.
 		const showSortIcons: boolean = (props.showSortIcons && column.showSortIcons !== false) || column.showSortIcons;
 
-
 		// Create the content to be rendered, starting with the headerValue.
-		let content: ReactNode = column.headerValue;
+		let content: any = column.headerValue;
+
+		// Construct this object with all the details needed for the value formatter / cell render functions
+		const cellContextDetails: CellContextDetails = {
+			value: content,
+			row: undefined,
+			key: column.key,
+			data: props.data,
+			column,
+			index: undefined,
+		};
 
 		// Reassign the content to the custom render function if it exists.
 		if (column.headerRender) {
-			content = column.headerRender(column.headerValue, undefined, column.key, props.data, column, i);
+			content = column.headerRender(column.headerValue, cellContextDetails);
 		}
 
-
 		// Generate classes for the header cell.
 		const thClasses: string = classNames(column.headerCellClassName, {
 			"sortable-th": isSortable,
 			"sortable-th-with-icons": isSortable && showSortIcons,
 		});
 
-
 		// Handle sorting, if enabled.
 		function handleSort(): void {
 			if (!isSortable) {