Я использую handsontable и заголовки столбцов и строк не отображаются, но это в DOM? - PullRequest
Новая
       36

Я использую handsontable и заголовки столбцов и строк не отображаются, но это в DOM?

0 голосов
/ 03 мая 2019

Вот ссылка (https://jsfiddle.net/api/post/library/pure/) от handsontable, которую я пытаюсь подражать, но с моей собственной настройкой. Кажется, что все работает нормально, и я также использую HotTable из пакета-обертки реагирования handsontable, но проблема в том, что заголовок строки и столбца не отображается на моем сайте. Я использовал инспектор Google Chrome, чтобы увидеть, есть ли заголовки строк и столбцов, и они действительно существуют, но я просто не вижу их. Интересно, это проблема стиля?

Это 3 тега, которые я скопировал в заголовок моего файла index.html по ссылке выше (заранее извиняюсь за форматирование элементов HTML, так как не знаю, как их создать в stackoverflow ): 

Attributes inside a link tag element:
rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/handsontable@latest/dist/handsontable.full.min.css"


Another one inside a link tag element:
rel="stylesheet" type="text/css" href="https://handsontable.com/static/css/main.css"


Attributes in a script tag element:
src="https://cdn.jsdelivr.net/npm/handsontable@latest/dist/handsontable.full.min.js"

Вот как я построил handstatable в реакции: 

render() {
        const tableSettings = {
            colHeaders: ['NAME', 'ADDRESS', 'CLASS', 'LEVEL'],
            columns: scheduleColumnSettings,  
            manualRowMove: true,
            manualColumnMove: true,
            manualRowResize: true,
            manualColumnResize: true,
            rowHeaders: true,
            dropdownMenu: true,
            observeChanges : true,
            removeRowPlugin: true,
            autoWrapRow: true,
            stretchH: 'all',
            height: 300,
            exportFile: true,
        }

            return (
                    <HotTable 
                        root='currentSchedule'
                        settings={tableSettings} 
                        data={this.handsontableData}
                        ref='currentSchedule'
                    />
            )
}
...