topic Re: AttributeTable widget columns width in ArcGIS Web AppBuilder Questions

AttributeTable widget columns width

NatashaManzuiga — Thu, 28 Jul 2016 14:55:48 GMT

Hi all, is it possible to set columns width in the AttributeTable widget?

Thanks,

Naty

Re: AttributeTable widget columns width

RobertScheitlin__GISP — Thu, 28 Jul 2016 20:59:38 GMT

Naty,

It is possible with a great deal of effort forethought on how you will handle this for each layer, etc.

It would be up to you to figure out where you would put this code and how you will determine the width of your fields.

First you would have to get a refference to the AT Widget.

var widgetCfg = this._getWidgetConfig('AttributeTable');

if(widgetCfg){

var attWidget = WidgetManager.getInstance().getWidgetByLabel(widgetCfg.label);

//AT Widget fields have an id of "field0", "field1", etc the first value in the

//resizeColumnWidth function is the column Id and then the width in pixels

attWidget._activeTable.grid.resizeColumnWidth("field1", 200);

this._fitColumns(attWidget._activeTable.grid);

}

Support function:

_getWidgetConfig: function(widgetName){

var widgetCnfg = null;

array.some(WidgetManager.getInstance().appConfig.widgetPool.widgets, function(aWidget) {

if(aWidget.name == widgetName) {

widgetCnfg = aWidget;

return true;

}

return false;

});

if(!widgetCnfg){

/*Check OnScreen widgets if not found in widgetPool*/

array.some(WidgetManager.getInstance().appConfig.widgetOnScreen.widgets, function(aWidget) {

if(aWidget.name == widgetName) {

widgetCnfg = aWidget;

return true;

}

return false;

});

}

return widgetCnfg;

Re: AttributeTable widget columns width

NatashaManzuiga — Fri, 05 Aug 2016 10:25:53 GMT

Hi Robert, I tried with your code but I get an error:
Cannot read property 'grid' of undefined and

In console, if I try to run attWidget._activeTable, I get undefined.

Thanks,

Naty

Re: AttributeTable widget columns width

RobertScheitlin__GISP — Fri, 05 Aug 2016 14:21:59 GMT

Naty,

That means that the code did not find the Attribute Table widget then. Do you have the AT Widget loaded in your app?

Re: AttributeTable widget columns width

NatashaManzuiga — Fri, 05 Aug 2016 14:37:58 GMT

Robert, that's the screenshot of Google Developer Tools.

Re: AttributeTable widget columns width

RobertScheitlin__GISP — Fri, 05 Aug 2016 14:54:08 GMT

Naty,

Oh, Then you do not have a table that is active then.

Re: AttributeTable widget columns width

NatashaManzuiga — Fri, 05 Aug 2016 15:04:29 GMT

I can get _activeTable from this code:

var _activeTable=attWidget._tableFunctionController.getActiveTable();

then I can resize my column.

	if(widgetCfg){
	var attWidget = WidgetManager.getInstance().getWidgetByLabel(widgetCfg.label);
	//AT Widget fields have an id of "field0", "field1", etc the first value in the
	//resizeColumnWidth function is the column Id and then the width in pixels
	var _activeTable=attWidget._tableFunctionController.getActiveTable();
	_activeTable.grid.resizeColumnWidth("field1", 50);
	this._fitColumns(_activeTable.grid);
	}

but the last row...(this._fitColumns(_activeTable.grid);) doesn't work.

Thanks,

Naty

Re: AttributeTable widget columns width

RobertScheitlin__GISP — Fri, 05 Aug 2016 15:09:58 GMT

Naty,

Remove that line that was left over from some other code trials.

Re: AttributeTable widget columns width

ForrestBlack — Thu, 24 Oct 2019 20:53:41 GMT

Hi Naty,

I know it has been a long time since you wrote in this thread, but could you tell me where you put the get _activeTable code? I tried putting it in the _FeatureTable.js and also the Widget,js files, but neither seemed to work.