https://github.com/tylerecouture/summernote-table-styles

A Summernote plugin that adds a button to the table popover allowing the user to apply Bootstrap table styles.
https://github.com/tylerecouture/summernote-table-styles

Last synced: 3 months ago
JSON representation

A Summernote plugin that adds a button to the table popover allowing the user to apply Bootstrap table styles.

• Host: GitHub
• URL: https://github.com/tylerecouture/summernote-table-styles
• Owner: tylerecouture
• License: mit
• Created: 2018-01-03T18:42:31.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2020-01-16T20:10:52.000Z (almost 5 years ago)
• Last Synced: 2024-02-15T06:33:31.878Z (9 months ago)
• Language: JavaScript
• Size: 12.7 KB
• Stars: 8
• Watchers: 4
• Forks: 14
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-summernote - summernote-table-styles

README

        
# summernote-table-styles

A [Summernote](https://summernote.org/) plugin that adds a button to the table popover allowing the user to apply [Bootstrap table styles](https://getbootstrap.com/docs/3.3/css/#tables).

There are two types of styles, exclusive and inclusive. Only one exclusive style may be chosen at a time, whereas multiple inclusive styles may be chosen.  Currently applied styles are indicated with check marks.

**Exclusive Styles**

* Basic (Default Bootstrap table)

* Bordered

**Inclusive Styles**

* Striped

* Condensed

* Hoverable

### Usage

1. Add `summernote-table-styles.js` to your project

2. Customize the Summernote table popover to include `tableStyles`

````

$(document).ready(function() {

  $('#summernote').summernote({

    popover: {

      table: [

        ['add', ['addRowDown', 'addRowUp', 'addColLeft', 'addColRight']],

        ['delete', ['deleteRow', 'deleteCol', 'deleteTable']],

        ['custom', ['tableStyles']]

      ],

    },

  });

});

````

### Working Example

https://rawgit.com/tylerecouture/summernote-table-styles/master/Example/example.html