Summernote table with more styling

Question

Is there any workaround to get more styling - bordered,header,stripped for the bootstrap table that summernote use ?

I have seen a form from summernote named MaterialNote have the table that I am after.

I have figured how table classes can be passed as summernote option :

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

Answer 1

I guess that you need customise your template.

please open document summernote.js

and search this code:

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

enter your css class in this point.

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

and edit your css file:

.teste
{

}

I hope it helped