cdb: added ability to set display column/icon

bin/cdb.css

@@ -40,6 +40,7 @@
 .cdb .cdb-sheet th.start {
   width: 30px;
   border-left-color: #333;
+  cursor: default;
 }
 .cdb .cdb-sheet td.start {
   text-align: center;
@@ -120,6 +121,8 @@
   width: auto;
   white-space: nowrap;
   overflow: hidden;
+  cursor: pointer;
+  user-select: none;
 }
 .cdb .cdb-sheet tr.head .display {
   font-style: italic;

bin/cdb.less

@@ -46,6 +46,7 @@
 		th.start {
 			width : 30px;
 			border-left-color : #333;
+			cursor:default;
 		}
 		td.start {
 			text-align : center;
@@ -132,6 +133,8 @@
 			width: auto;
 			white-space: nowrap;
 			overflow: hidden;
+			cursor: pointer;
+			user-select: none;
 		}
 
 		tr.head .display {

hide/comp/cdb/Editor.hx

@@ -666,6 +666,28 @@ class Editor extends Component {
 				refresh();
 			}}
 		];
+
+		if( table.parent == null ) {
+			var props = table.sheet.props;
+			switch( col.type ) {
+			case TString, TRef(_):
+				menu.push({ label : "Display Name", click : function() {
+					beginChanges();
+					props.displayColumn = (props.displayColumn == col.name ? null : col.name);
+					endChanges();
+					refresh();
+				}, checked: props.displayColumn == col.name });
+			case TTilePos:
+				menu.push({ label : "Display Icon", click : function() {
+					beginChanges();
+					props.displayIcon = (props.displayIcon == col.name ? null : col.name);
+					endChanges();
+					refresh();
+				}, checked: props.displayIcon == col.name });
+			default:
+			}
+		}
+
 		if( col.type == TString && col.kind == Script )
 			menu.insert(1,{ label : "Edit all", click : function() editScripts(table,col) });
 		if( table.displayMode == Properties ) {