小编dsh*_*dsh的帖子

我遇到了一个问题,我无法在Firefox和Chrome上使用相同的CSS来呈现相同的内容.它们不是一个包含24个值的垂直选择框,而是在Firefox中彼此相邻排列:

在Chrome中,它们显示为垂直多选框.

缩写3小时示例的完整代码:

<html>
  <head>
    <style type="text/css">
      option { display: inline; }
    </style>
  </head>
  <body>
    <form>
      <select id="aryHours[]" class="select_hours" size="1" multiple="multiple" name="aryHours[]">  
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select>
    </form>
  </body>
</html>

在Chrome中,选项不会显示为内联.

任何解释为什么这个代码不起作用,有没有其他方法来实现相同的布局？

我想在 React 中为我的大多数专栏使用 cellRenderer。因此，在我的 colDefs 中，我有一个名为 unit 的附加字段。如果该单元存在，我正在尝试在我的 TableCell React 组件中处理一个类似颜色网格的热图。这个相同的反应组件已经在其他数据网格中工作，比如 ZippyUI。cellRenderer 函数可以返回一个 React 组件，它是一个虚拟的 DOM 对象，还是必须是一个真正的 HTML DOM 对象？用 ag-Grid 的 cellRenderer 组件方法做这样的事情会更可取吗？

colDefs.map((x) => {
    if (x.hasOwnProperty('unit')) {
        x.cellRenderer = (params) => {
            return <TableCell value={params.value} units={x.unit} min={min[x.field]} max={max[x.field]} colorScheme={colorScheme} />;
        };
    }
});