DHX电子表格-无法从A列到D列中进行选择

问题描述

尝试将DHX电子表格创建到我的react应用程序中,然后遵循网站指南https://dhtmlx.com/docs/products/dhtmlxSpreadsheet-for-React/#how-it-works

但是,当电子表格在我的应用程序中呈现时,我注意到无论我做什么,我都无法选择A到D列。

有人像我一样遇到过这个问题吗?

https://gitlab.com/patrickklze/trying_dhx_spreadsheet.git

Screenshot of the issue

解决方法

找到并解决了这个问题。

它以某种方式继承了主要的css文件,并且文本将所有内容对齐到中间,这导致各列出现错误。

在app.js中的组件标签上添加内联样式,例如:

<span style={{textAlign:"left"}}>
   <SpreadsheetComponent />
</span>

将解决问题。