Add prop for empty state rendering

[dextermb]

I think that it would be nice to have a prop named something along the lines of emptyStateRender which would allow you to pass in a:

• Function
• Element
• String

If a function or element is passed then it should return those rather than showing the table with "no data", if a string is passed then it'd just change the empty message.

Thoughts?

cc @NilesB @DivineOmega @JacobBrassington @wheatleyjj

[DivineOmega]

@dextermb There is a prop called noDataMessage that does what you request, if passed a string. It is currently undocumented (#2).

It does not support being passed a function or element (component?).

[dextermb]

@DivineOmega Nice. Yeah a valid react element (React.isValidElement) would be a nice option to have

[dextermb]

@DivineOmega What are you thoughts on this? I've come across a situation where I want to render something else while no data is present, but using the AJAX datatable so I cannot do:

If empty render placeholder
If not empty render table

As the table itself calls the data.

cc @NilesB

[DivineOmega]

@dextermb Perhaps have a separate noDataComponent prop that replaces the table if present?

[dextermb]

@dextermb Perhaps have a separate noDataComponent prop that replaces the table if present?

Maybe emptyState?

[DivineOmega]

state perhaps isn't the best term to use, due to possible confusion with React Component state.