andyperlitch / angularjs-table Goto Github PK

Hi
The repository is very good and does most of the work. But I am not able find a way out when we add ng-click events via template and perform action.
Unable to get a definite event after which one can trigger $scope.compile

Hi,
my objects (rows) array as below.
[ {
row1: {
data1: {
k1: v1
},
data2: {
k1: v1
}
},
row2: {
data1: {
k1: v1
},
data2: {
k1: v1
}
}
}]

I tried to use key 'data1.k1' like this but did not work, I am suing template option with angular interpolation. but sorting and searching does not work with this.
{
id: 'k1',
key: 'data1.k1',
label: 'Label',
sort: 'string',
filter: 'like',
template: '{{row.data1.k1}}'
}

Is there a way to export current column widths and display order so that the display options can be preserved?

Suppose pagination and server side data is used.

At first, we have 11 rows (10 rows per page thus 2 pages: page 0 and page 1): row 0 to row 10. And page 1 is displayed in the table.

Now we select the row 10 and delete it, then we need to force refresh the table: $rootScope.$broadcast('angular-mesa:update-dummy-rows');

Currently table gets a result of 0 rows and total=10 from server. So it displays no rows and no pagination control, leaving user no choice but to refresh the web page.

In my opinion, once table finds 0 rows but the total>0, it should requests again for the last page, and in this case, page 0, so that page 0 can be shown in table.

Sometimes you want to update one record in your table. It would be nice (especially in server version) to update one record without loading whole dataset from server. Function might look like below:

    $scope.updateRecord = function(row)
    {
        var columns = $scope.columns;
        var selectorKey = null;
        var selectObject = null;
        // Search for selector key in selector column
        for (var i = 0; i < columns.length; i++) {
            if (columns[i].selector) {
                selectorKey = columns[i].key;
                selectObject = columns[i].selectObject;
                break;
            }
        }

        for (var i = 0; i < $scope.visible_rows.length; i++) {
            if ($scope.visible_rows[i][selectorKey] === row[selectorKey])
            {
                $scope.visible_rows[i] = row;
            }
        }

    }

There is an issue with expandable rows.

Actions:

1. Expand the first two events on first page.
2. Go to second page.

Actual Result:
2. On the second page, the first two events are expanded also.

Expected Result:
2. The first two events on the first page should not be expanded.

@andyperlitch pls see DE508 for a video of the issue

Hi,

I actually met a problem when I do module initialization. any ideas how to fix this?

Error: [$injector:modulerr] Failed to instantiate module apMesa.ghPage due to:
Error: [$injector:modulerr] Failed to instantiate module apMesa due to:
Error: [$injector:modulerr] Failed to instantiate module apMesa.templates due to:
Error: [$injector:nomod] Module 'apMesa.templates' is not available! You either misspelled the module name or forgot to load it. 

It would be wonderfull to create new version of selectAll:

• selectAll that selects alll rows from all existing rows (in server version it will be only the current page)
• selectAllVisibile that selects only rows from the current page

Proprably this should be also done for deselectAll in the same way.

I have a table with some columns but I need the last one to remain fixed ... is there any way to do this? ... thanks in advance

Show/hide column capability for the table, controllable from the outside.

When using 'selector' in TabelColums and using the interface ng.apMesa.ITableColumn i receive Typ e Errors.

Is it possible to create a table with nested collapsable rows something similar to this

The documentation doesn't mention that this component depends on angular-ui/ui-sortable and that depends on jQuery. These two significantly bloat the resulting bundles.

Maybe make the sorting optional?

I need to include a form in a cell, so I was planning on simply putting the HTML into the cell. However that obviously leads to the HTML simply shown as a string in the table.

Is there a way (maybe using column templates?) to have the HTML properly parsed?

Hi, not really an issue, but more of a question.

How can I style a cell (e.g. change backgroundcolor) given the value of the cell?

I've tried using the template parameter of a column object, for example:
template:"{{row[column.key]}}"
but this isn't working and the get_style() function is getting called. Is there another way that I may have missed?

Thank you!!

Hey,

I am just starting out with this library and can't get rid of this TypeError:

TypeError: Cannot read property 'forEach' of undefined
at updateSortPriority (ap-mesa.js:575)

Any ideas what the cause might be?

I was wondering is there a way i can get the search term from some text field outside of the table and perform a server side filtering and update the table with that new filtered data.