javascript - 如何将单元格与 FixedDataTable 库左对齐

Question

我试图在我的 FixedDataTable 实现中左对齐单元格值。下面是我正在使用的代码：

require('./app.css');
require('fixed-data-table/dist/fixed-data-table.min.css');
const     $ = require('jquery');
const React = require('react');

import {Table, Column, Cell} from 'fixed-data-table';



const App = React.createClass({
    render: function() {
        return (
                <Table
                    height       = {200}   width     = {200}
                    rowsCount    = { 10}   rowHeight = { 26}
                    headerHeight = {100}>
                    <Column
                        width={100}
                        cell={props=>(<Cell className='align-right'>{props.rowIndex}</Cell>)}
                        align='left'
                        header="Right-aligned values"/>
                    <Column
                        width={100}
                        cell={props=>(<Cell className='align-left'>{2*props.rowIndex}</Cell>)}
                        align='left'
                        header="Left-aligned values"/>
                </Table>
        );
    }
});

export default App;

我的css文件require很简单：

.align-right {
    align: right;
    text-align: right;
    font-weight: bold;
}

.align-left {
    align: left;
    text-align: left;
    font-style: italic;
}

我得到的是以下内容：

...这表明确实应用了样式，但对齐部分除外。

检查在 DOM 中创建的各种元素（div主要是类型），FixedDataTable似乎我的类被分配的级别太深而无足轻重（封闭的 div 已经左对齐）。