title: Align columns and rows for ant design table
body: <p>I'm using ant design table to list out my datas but the columns are aligned to the right and by default the titles for all the columns should be aligned to the left. Here's the link to the image: <a href="https://imgur.com/a/ruQ1msL" rel="nofollow noreferrer">Ant design table alignment issue</a>.</p>
  <p>Some of the titles are caused by small width but those are adjustable. The problem is that the titles are aligned to the right, <strong>except column 1 which is Round</strong>.</p>
  <p>Here's my code:</p>
  <pre><code>const tableColumns = [
          {
              title: 'Round',
              dataIndex: 'round',
              width: 80,
          },
          {
              title: 'Date',
              dataIndex: 'date',
              width: 100,
          },
          {
              title: 'Price',
              dataIndex: 'price',
              width: 70,
          },
          {
              title: 'Raise Size',
              dataIndex: 'raiseSize',
              width: 100,
          },
          {
              title: 'Amount',
              dataIndex: 'amount',
              width: 100,
          },
          {
              title: 'Market Cap',
              dataIndex: 'marketCap',
              width: 50,
          },
          {
              title: 'Max Allocation',
              dataIndex: 'maxAllocation',
              width: 50,
          },
          {
              title: 'Filled',
              dataIndex: 'filled',
              width: 100,
          },
          {
              title: 'Status',
              dataIndex: 'status',
              width: 100,
          },
          {
              title: 'Yield',
              dataIndex: 'yieldPer',
              width: 100,
          },
      ];
  
      const tableData = [
          {
            round: &quot;Round 1&quot;,
            date: &quot;10-10-2021&quot;,
            price: '0.05 USDC',
            raiseSize: &quot;1000000 SHI&quot;,
            amount: &quot;25M&quot;,
            marketCap:&quot;10M&quot;,
            maxAllocation: &quot;10M&quot;,
            filled: &quot;1379%&quot;,
            status: &quot;Filled&quot;,
            yieldPer:&quot;+223%&quot;
          },
          {
            round: &quot;Round 2&quot;,
            date: &quot;17-10-2021&quot;,
            price: '0.10 USDC',
            raiseSize: &quot;1000000 SHI&quot;,
            amount: &quot;25M&quot;,
            marketCap:&quot;20M&quot;,
            maxAllocation: &quot;10M&quot;,
            filled: &quot;1579%&quot;,
            status: &quot;Filled&quot;,
            yieldPer:&quot;+203%&quot;
          },
          {
            round: &quot;Round 3&quot;,
            date: &quot;28-10-2021&quot;,
            price: '0.15 USDC',
            raiseSize: &quot;1000000 SHI&quot;,
            amount: &quot;25M&quot;,
            marketCap:&quot;30M&quot;,
            maxAllocation: &quot;10M&quot;,
            filled: &quot;1379%&quot;,
            status: &quot;Upcoming&quot;,
            yieldPer:&quot;&quot;
          },
        ];
  
  </code></pre>
  <p>And here is where i use the table:</p>
  <pre><code>&lt;Table style={{marginTop:'20px'}} columns={tableColumns} dataSource={tableData} align='center' size=&quot;middle&quot; /&gt;
  </code></pre>