adjust trim when generating table cells (#242)

* fix first table's cell is ignored when empty

* add test #241

index.compiler.spec.js

@@ -1561,6 +1561,61 @@ describe('GFM tables', () => {
   </tbody>
 </table>
 
+`);
+  });
+
+  it('#241 should not ignore the first cell when its contents is empty', () => {
+    render(
+        compiler(
+            [
+              '| Foo | Bar | Baz |',
+              '| --- | --- | --- |',
+              '|   | 2   | 3   |',
+              '|   | 5   | 6   |',
+            ].join('\n')
+        )
+    );
+
+    expect(root.innerHTML).toMatchInlineSnapshot(`
+
+<table data-reactroot>
+  <thead>
+    <tr>
+      <th>
+        Foo
+      </th>
+      <th>
+        Bar
+      </th>
+      <th>
+        Baz
+      </th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>
+      </td>
+      <td>
+        2
+      </td>
+      <td>
+        3
+      </td>
+    </tr>
+    <tr>
+      <td>
+      </td>
+      <td>
+        5
+      </td>
+      <td>
+        6
+      </td>
+    </tr>
+  </tbody>
+</table>
+
 `);
   });
 

index.js

@@ -309,7 +309,6 @@ function parseTableAlign(capture /*, parse, state*/) {
 
 function parseTableCells(capture, parse, state) {
   const rowsText = capture[3]
-    .replace(TABLE_TRIM_PIPES, '')
     .trim()
     .split('\n');