YUI: DataTable Patchs
Classname Patch
.yui-dt-coled-textbox input { border: 1px solid #ccc; border-right: 2px solid #999; border-bottom: 2px solid #999; } .yui-dt-coled-textarea textarea { border: 1px solid #ccc; border-right: 2px solid #999; border-bottom: 2px solid #999; }
YAHOO.widget.ColumnEditor = function(sType) { //CODE SNIPPED YAHOO.util.Dom.addClass(this.container, 'yui-dt-coled-' + this.type); switch(this.type) { case "textbox": this.createTextboxEditor(); break; case "textarea": this.createTextareaEditor(); break; default: break; } //CODE SNIPPED };
Second Classname Patch
//New Class Definitions /** * Class name assigned to first td elements. * * @property CLASS_FIRST_COLUMN * @type String * @static * @final * @default "yui-dt-first-column" */ YAHOO.widget.DataTable.CLASS_FIRST_COLUMN = "yui-dt-first-column"; /** * Class name assigned to last td elements. * * @property CLASS_LAST_COLUMN * @type String * @static * @final * @default "yui-dt-last-column" */ YAHOO.widget.DataTable.CLASS_LAST_COLUMN = "yui-dt-last-column"; ///////////////////////////////////////////////////////////////// YAHOO.widget.DataTable.prototype._addRow = function(oRecord, index) { //CODE SNIPPED // Create TBODY cells for(var j=0; j<oColumnSet.keys.length; j++) { //CODE SNIPPED if (j == 0) { //This should be a reference to the first one in the row YAHOO.util.Dom.addClass(elCell, YAHOO.widget.DataTable.CLASS_FIRST_COLUMN); } //CODE SNIPPED } //This should be a reference to the last one in the row YAHOO.util.Dom.addClass(elCell, YAHOO.widget.DataTable.CLASS_LAST_COLUMN); //CODE SNIPPED return elRow.id; };
Third Classname Patch
/** * Class name assigned to table element. * * @property CLASS_DATA_TABLE * @type String * @static * @final * @default "yui-dt" */ YAHOO.widget.DataTable.CLASS_DATA_TABLE = "yui-dt"; YAHOO.widget.DataTable.prototype._initTable = function() { //CODE SNIPPED // Create TABLE this._elTable = this._elContainer.appendChild(document.createElement("table")); var elTable = this._elTable; //Add an id for styling elTable.id = this.id; //Add a class for styling YAHOO.util.Dom.addClass(elTable, YAHOO.widget.DataTable.CLASS_DATA_TABLE); //CODE SNIPPED }