JIRA tables

If you are tired of creating tables in JIRA, this is your saviour!
Based on the config JSON file, generate your dream table where you just need to fill the content and paste into the JIRA.

Application

Output in JIRA

Usage

• download files from the dist folder
• edit config.js file to suit your needs
• open index.html file in the browser

Config file (tag type)

Option	Values	Description
type	tag	Type of the field
title	string	Prefilled text in the input field

{
  type: 'tag',
  title: 'h2. Summary'
}

Config file (table type)

Option	Values	Description
type	table	Type of the field
tableItems	array	Array with the table fields
addItems	true / false	Add more items into the table element
indexItems	number	Set item index from the header array where we should have auto incremented numbers
blankLine	after / before / both	Use this if you need to add extra blank lines between table elements
items	array	Array with the items that will be automatically filled in the table element
headers	array	Array with the table headers
headers->title	string	Header title
headers->wrapper	|	Extra wrapper for the title string
headers->editable	true / false	Should header title be editable

{
  type: 'table',
  tableItems: [
    {
      headers: [
        {
          title: 'Preconditions',
          wrapper: '|'
        },
        {
          title: '',
          editable: true
        }
      ]
    },
    {
      addItems: true,
      indexItems: 0,
      headers: [
        {
          title: '#',
          wrapper: '|'
        },
        {
          title: 'Step',
          wrapper: '|'
        },
        {
          title: 'Expected Result',
          wrapper: '|'
        }
      ],
      items: []
    },
    {
      addItems: true,
      blankLine: 'both',
      headers: [
        {
          title: 'ID',
          wrapper: '|'
        },
        {
          title: 'Title',
          wrapper: '|'
        }
      ],
      items: []
    },
    {
      addItems: true,
      blankLine: 'after',
      headers: [
        {
          title: 'Description',
          wrapper: '|'
        }
      ],
      items: []
    }
  ]
}

Config JSON (example)

Config file needs to have config.js name and the variable should always be templateConfig with the sections array like on example below.

var templateConfig = {
  sections: [
    {
      type: 'tag',
      title: 'h2. Summary'
    },
    {
      type: 'table',
      tableItems: [
        {
          addItems: true,
          blankLine: 'both',
          headers: [
            {
              title: 'ID',
              wrapper: '|'
            },
            {
              title: 'Title',
              wrapper: '|'
            }
          ],
          items: []
        },
        {
          addItems: true,
          blankLine: 'after',
          headers: [
            {
              title: 'Implemented in',
              wrapper: '|'
            },
            {
              title: 'Epic Name',
              wrapper: '|'
            }
          ],
          items: []
        },
        {
          addItems: true,
          blankLine: 'after',
          headers: [
            {
              title: 'Description',
              wrapper: '|'
            }
          ],
          items: []
        },
        {
          blankLine: 'after',
          headers: [
            {
              title: 'URL',
              wrapper: '|'
            }
          ],
          items: []
        }
      ]
    },
    {
      type: 'tag',
      title: 'h2. Test Case'
    },
    {
      type: 'table',
      tableItems: [
        {
          headers: [
            {
              title: 'Preconditions',
              wrapper: '|'
            },
            {
              title: '',
              editable: true
            }
          ]
        },
        {
          addItems: true,
          indexItems: 0,
          headers: [
            {
              title: '#',
              wrapper: '|'
            },
            {
              title: 'Step',
              wrapper: '|'
            },
            {
              title: 'Expected Result',
              wrapper: '|'
            }
          ],
          items: []
        },
        {
          headers: [
            {
              title: 'Final Conditions',
              wrapper: '|'
            },
            {
              title: '',
              editable: true
            }
          ]
        }
      ]
    }
  ]
};