Merge pull request #61 from DHTMLX/msp-import-resources-3141

[update] improve rendering of tables with msp properties

Author: AlexKlimenkov

docs/guides/tags.md

@@ -66,7 +66,7 @@ sidebar_label: "Properties for importing from MS Project"
 
 There are also the following supported task properties:
 
-<div class="msp-task-properties">
+<div class="msp-ext-properties">
 | Text | Number | Flag | Cost | Date | Start | Finish | Duration | OutlineCode |
 |:---|:---|:---|:---|:---|:---|:---|:---|:---|
 | Text1 | Number1 | Flag1 | Cost1 | Date1 | Start1 | Finish1 | Duration1 | OutlineCode1 |
@@ -162,6 +162,7 @@ Some of the properties are calculated based on other properties, so if some of t
 
 There are more supported resource properties:
 
+<div class="msp-ext-properties">
 
 | Text | Number | Flag | Cost | Date | Start | Finish | Duration | OutlineCode | OutlineCodeIndex |
 |---|---|---|---|---|---|---|---|---|---|
@@ -195,3 +196,5 @@ There are more supported resource properties:
 | Text28 | | | | | | | | | |
 | Text29 | | | | | | | | | |
 | Text30 | | | | | | | | | |
+
+</div>

src/css/custom.css

@@ -233,12 +233,18 @@ table {
 table th:first-child {
   width: 25%;
 }
+.msp-properties {
+    overflow-x: auto;
+}
 .msp-properties table th {
     display: none;
-} 
-.msp-task-properties table th:first-child {
+}
+.msp-ext-properties {
+    overflow-x: auto;
+}
+.msp-ext-properties table th:first-child {
     width: 10%;
-} 
+}
 /* end styles for tables */
 
 /* styles for infoblock */