andyperlitch / angularjs-table Goto Github PK
View Code? Open in Web Editor NEWA table component built with angular (1.x) that is catered to real-time data.
Home Page: http://andyperlitch.github.io/angularjs-table/
A table component built with angular (1.x) that is catered to real-time data.
Home Page: http://andyperlitch.github.io/angularjs-table/
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:
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:
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.
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.