Support exactly-specified widths and height from css

Author: erickok

example/lib/main.dart

@@ -61,17 +61,13 @@ const htmlData = r"""
       <p>
       <q>Famous quote...</q>
       </p>
-      <table>
-      <colgroup>
-        <col width="50%" />
-        <col span="2" width="25%" />
-      </colgroup>
+      <table style="height: 400">
       <thead>
       <tr><th>One</th><th>Two</th><th>Three</th></tr>
       </thead>
       <tbody>
       <tr>
-        <td rowspan='2'>Rowspan\nRowspan\nRowspan\nRowspan\nRowspan\nRowspan\nRowspan\nRowspan\nRowspan\nRowspan</td><td>Data</td><td>Data</td>
+        <td rowspan='2'>Rowspan</td><td>Data</td><td>Data</td>
       </tr>
       <tr>
         <td colspan="2"><img alt='Google' src='https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png' /></td>
@@ -268,13 +264,13 @@ class _MyHomePageState extends State<MyHomePage> {
             'h5': Style(maxLines: 2, textOverflow: TextOverflow.ellipsis),
           },
           customRender: {
-            "table": (context, child) {
-              return SingleChildScrollView(
-                scrollDirection: Axis.horizontal,
-                child:
-                    (context.tree as TableLayoutElement).toWidget(context),
-              );
-            },
+            // "table": (context, child) {
+            //   return SingleChildScrollView(
+            //     scrollDirection: Axis.horizontal,
+            //     child:
+            //         (context.tree as TableLayoutElement).toWidget(context),
+            //   );
+            // },
             "bird": (RenderContext context, Widget child) {
               return TextSpan(text: "🐦");
             },

lib/src/css_parser.dart

@@ -194,6 +194,9 @@ Style declarationsToStyle(Map<String, List<css.Expression>> declarations) {
         case 'font-weight':
           style.fontWeight = ExpressionMapping.expressionToFontWeight(value.first);
           break;
+        case 'height':
+          style.height = ExpressionMapping.expressionToPaddingLength(value.first) ?? style.height;
+          break;
         case 'list-style-type':
           if (value.first is css.LiteralTerm) {
             style.listStyleType = ExpressionMapping.expressionToListStyleType(value.first as css.LiteralTerm) ?? style.listStyleType;
@@ -298,6 +301,9 @@ Style declarationsToStyle(Map<String, List<css.Expression>> declarations) {
         case 'text-shadow':
           style.textShadow = ExpressionMapping.expressionToTextShadow(value);
           break;
+        case 'width':
+          style.width = ExpressionMapping.expressionToPaddingLength(value.first) ?? style.width;
+          break;
       }
     }
   });