const data = [
{
"id": 1,
"title": "android app",
"subtitle": "app de notificacoes",
"date": "2021-02-10",
"text": "o aplicativo ira notificar usuarios da aplicacao",
},
{
"id": 2,
"title": "iOS app",
"subtitle": "app de notify",
"date": "2021-02-11",
"text": "o aplicativo ira notificar ",
}
]
const config = {
tabs: true,
worksheets: [{
data: data,
minDimensions: [8, 8],
worksheetName: 'Roadmap',
columns: [
{
title: 'Id',
type: 'autonumber',
name: 'id',
},
{
title: 'Feature',
type: 'text',
name: 'title',
width: '120px'
},
{
title: 'Subtitle',
type: 'text',
name: 'subtitle',
width: '140px'
},
{
title: 'Started Date',
type: 'calendar',
name: 'date',
width: '100px'
},
{
type: 'calendar',
title: 'Finished Date',
width: '100px'
},
{
title: 'Description',
type: 'notes',
name: 'text',
width: '150px'
},
{
type: 'dropdown',
title: 'Category',
width: '120px',
options: {
newOptions: true
},
source: ['Systems', 'Enterprise', 'Engagement', 'Reduce churn', 'Discovery', 'Usability', 'User growth', 'Content']
},
{
type: 'dropdown',
title: 'Priority',
multiple: false,
width: '120px',
options: {
newOptions: true
},
source: [{
name: 'Current',
color: '#FF6361'
}, {
name: 'Near term',
color: '#BC5090'
}, {
name: 'Future',
color: '#6F975C'
}]
},
]
},
{
minDimensions: [6, 8],
worksheetName: 'Employees',
tabs: true,
columns: [{
type: 'text',
title: 'Name',
width: '150px'
},
{
type: 'image',
title: 'Photo',
width: '100px'
},
{
type: 'dropdown',
title: 'Role',
width: '100px',
source: ['Engineer', 'Product Manager'],
options: {
newOptions: true
}
},
{
type: 'email',
title: 'E-mail',
width: '150px'
},
{
type: 'dropdown',
title: 'Team Features',
width: '120px',
source: []
},
{
type: 'dropdown',
title: 'Features Led',
width: '120px',
source: []
},
],
},
{
minDimensions: [4, 8],
worksheetName: 'Releases',
columns: [{
type: 'text',
title: 'Release',
width: '100px'
},
{
type: 'calendar',
title: 'Review Date',
width: '100px'
},
{
type: 'calendar',
title: 'Release Date',
width: '100px'
},
{
type: 'dropdown',
title: 'Features',
width: '120px',
multiple: true,
source: []
}
],
},
]
}