Updated static HTML support functions. Updated initially displayed table. Improved how individual items are handled

Author: AndrewFrost

CSS/main.css

@@ -385,12 +385,19 @@ table tbody tr td:last-child
 /*Item list styles*/
 .item_Single_Entry
 {
+	display: flex;
+	flex-wrap: nowrap;
 	max-width: 225px;
 	white-space: nowrap;
-	overflow-x: auto;
+	overflow: hidden;
 	text-overflow: ellipsis;
 }
 
+.item_Single_Entry:hover
+{
+	overflow: visible;
+}
+
 /*Experience Modifiers styles*/
 .experience_Modifier_Single_Entry
 {

…pport_Functions/generate_HTML_Filters.js …upport_Functions/generate_Static_HTML.jsJavaScript/Support_Functions/generate_HTML_Filters.js renamed to JavaScript/Support_Functions/generate_Static_HTML.js JavaScript/Support_Functions/generate_HTML_Filters.js renamed to JavaScript/Support_Functions/generate_Static_HTML.js

@@ -70,4 +70,16 @@ for(let i = 0; i < column_Properties.length; i++)
 	column_Display_Options_Section_Text = column_Display_Options_Section_Text + "					<span class = \"filter_Title\">" + column_Properties[i].display_Name + ": </span><input type = \"checkbox\" onchange = \"set_Column_Visibility(" + i + ", this.checked)\" id = \"filter_Column_" + i + "\"" + (column_Properties[i].visible === true ? " checked" : "") + "><br>\n";
 }
 console.log("Column Display HTML Section:");
-console.log(column_Display_Options_Section_Text);
+console.log(column_Display_Options_Section_Text);
+
+let initial_Page_Load_View_Table_Text = "			<thead>\n"
++ "				" + table_Header_Row_Element.outerHTML + "\n"
++ "			</thead>\n"
++ "			<tbody id=\"table_Body\" style=\"display: table-row-group\">\n";
+for(let i = 0; i < 10; i++)
+{
+	initial_Page_Load_View_Table_Text = initial_Page_Load_View_Table_Text + "				" + table_Body_Element.children[i].outerHTML + "\n";
+}
+initial_Page_Load_View_Table_Text = initial_Page_Load_View_Table_Text + "			</tbody>";
+console.log("Initial Display-only Table:");
+console.log(initial_Page_Load_View_Table_Text);

JavaScript/main.js

@@ -189,7 +189,7 @@ function generate_Initial_Table()	//Converts the contents of the array into HTML
 				new_Table_Data.classList.add("object_List_Table_Data");
 				for(let j = 0; j < table_Body_Array[i].available_Items.length; j++)
 				{
-					new_Table_Data.innerHTML = new_Table_Data.innerHTML + "<span class = \"item_Single_Entry\"><span>" + table_Body_Array[i].available_Items[j].item_Minimum_Level + "</span class = \"item_Minimum_Level_Title\"><a href = " + table_Body_Array[i].available_Items[j].item_Link + "><span class = \"item_Name_Title\">" + table_Body_Array[i].available_Items[j].item_Name + "</span></a></span><br>";
+					new_Table_Data.innerHTML = new_Table_Data.innerHTML + "<span class = \"item_Single_Entry\"><span>" + table_Body_Array[i].available_Items[j].item_Minimum_Level + "</span class = \"item_Minimum_Level_Title\"><a href = " + table_Body_Array[i].available_Items[j].item_Link + "><span class = \"item_Name_Title\">" + table_Body_Array[i].available_Items[j].item_Name + "</span></a></span>";
 				}
 			}
 			else if(property === "saga_Contribution")