Dom Manipulation Example

gistfile1.txt

//-- for more information, please see: https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

//-- creates the observer that will fire the function when the dom is updated.
//-- in this case when we scroll, there are new elements added to the fixedHeaderContainer
//-- so we just run from that
//-- if we wanted to be smarter, we can look through the mutations arguments to see if
//-- any mutation records (i.e. mutations[0].addedNodes is greater than 0)
var observer = new MutationObserver( function( mutations, observer ){
  console.log( "mutations occurred" ); console.log( mutations ); console.log( this );
  jq( "#gbMainTable > tbody > tr > td.fixedHeaderContainer tr td[name='v5']" ).hide();
  jq( "#gbMainTable > tbody > tr > td.fixedHeaderContainer tr td[name='v6']" ).hide();
});

//-- configuration for the observer
var mutationConfig = { attributes: true, childList: true };

//-- observer.observe( htmlElement, mutationConfig )
//-- this monitors for any mutations on #gbMainTable ... fixedHeaderContainer
//-- note we are using direct descendants to avoid listening on child grids.
observer.observe( jq( "#gbMainTable > tbody > tr > td.fixedHeaderContainer")[0], mutationConfig );