Summernote table with great style

Question

Is there a workaround to get more styles - bordered, header, stripped for the bootstrap table that summernote uses?

I saw a form from summernote named MaterialNote has a table that I get after.

I understood how table classes can be passed as a summernote parameter:

$('textarea').summernote({
        tableClassName: 'table table-striped '     
    });

Answer 1

I assume you need to customize your template.

please open summernote.js document

and search on this code:

    var $table = $('<table>' + trHTML + '</table>');

enter your css class at this point.

var $table = $('<table class='teste'>' + trHTML + '</table>');

and edit the css file:

.teste
{

}

I hope this helps