# give/4.16.9/src/Views/Components/ListTable/TableCell/index.tsx

GiveWP – Donation Plugin and Fundraising Platform, version 4.16.9. 19 lines.

- Page: https://pluginprobe.com/plugins/give/4.16.9/code/src/Views/Components/ListTable/TableCell/index.tsx
- Raw: https://pluginprobe.com/plugins/give/4.16.9/raw/src/Views/Components/ListTable/TableCell/index.tsx
- Modified: 2025-10-29T20:17:12+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.16.9/code/src/Views/Components/ListTable/TableCell/index.tsx#L10-L20`.

```tsx
import styles from './TableCell.module.scss';
import cx from 'classnames';

export default function TableCell({className = '', children = null, heading = false, columnId = null}) {
    if (heading) {
        return (
            <th className={cx(styles.tableCell, styles.tableRowHeader, className)} scope="row">
                {children}
            </th>
        );
    }

    return <td className={cx(styles.tableCell, className)} data-column-id={columnId}>{children}</td>;
}

export function IdBadge({id, addClass = ''}) {
    return <div className={cx(styles.idBadge, addClass)}>{id}</div>;
}

```