Feature request: Ability to remove table borders completely

I’m trying to convert some tables that I rendered in my app through convoluted HTML into the new DataTables, but in order to reproduce the format I need to get rid of some of the table borders and that doesn’t seem possible right now. I have used style_as_list_view but that doesn’t help me with the horizontal borders. Basically, I’m trying to style my table like this:

Just as there is the style_as_list_view flag, could there be one called something like style_without_borders so that we can then add borders as needed through normal cell styling?

If this is acceptable and with some guidance, I’m happy to submit a PR for this.

[oriolmirosa]

Sure! Here’s what I did (they key element to get rid of the borders is the boxShadow: '0 0' in the style_cell:

dash_table.DataTable(
    columns=[{"name": i, "id": i} for i in dataframe.columns],
    data=dataframe.to_dict("rows"),
    style_cell={'fontFamily': 'sans-serif', 'fontSize': '12px', 'boxShadow': '0 0'},
    style_cell_conditional=[{
        'if': {'row_index': 'even'},
        'backgroundColor': '#F5F5F5'
    }] + [{
        'if': {'column_id': col},
        'fontWeight': 'bold'
    } for col in df_index_names],
    style_header={
        'backgroundColor': 'white',
        'fontWeight': 'bold',
        'borderBottom': '1px solid black'
    }
)

And the result, which can be compared with the table I started with (not using DataTable shown above):

[innominate227]

In dash 1.0.0 you now need to use style_data={ 'border': '0px' }, to remove the borders