Auto-number table rows


#1

I made data collection witch is presented by package “aslagle:reactive-table”.
let me know if there is possibility each record take automatic numeration like this :
http://jsfiddle.net/Paulpro/4WHpr/1/

and that the continuity of numbering was preserved despite the removal of one of the records in table


#2

It might make more sense to show us your code where it doesn’t auto-number tables?
To do what that fiddle does, you’d either need to play around with template helpers or your data collection methinks.


#3

Settings packages aslagle: reactive-table.

  settings: function () {
  return {
      collection: MrkPorady,
      rowsPerPage: 5,
      showFilter: true,
      fields: [
          // This key 'mrkPoradaLp' displays form collection "MrkPorady" numbering introduced manually.
        // I would like to numbering was generated automatically. How to change it
          { key: 'mrkPoradaLp', label: 'Lp.', sortOrder: 0, sortDirection: 'descending'},
          { key: 'mrkPoradaData', label: 'Data'},
          { key: 'mrkPoradaNazwiskoKon', label: 'Nazwisko Konsumenta' },
          { key: 'mrkPoradaNazwaPrzed', label: 'Nazwa Przedsiębiorstwa' },
          { key: 'mrkPoradaHasloPrzedmiotowe', label: 'Hasło przedmiotowe' },
          { key: 'mrkPoradaRodzajPorady', label: 'Rodzaj Porady' },
          { key: 'mrkPoradaSposobUdzieleniaPorady', label: 'Sposób Udzielenia Porady' },
          {key: 'usun', label: '', tmpl: Template.mrkUsunPorade},
          {key: 'edytuj', label: '', tmpl: Template.mrkButtonEdytujPorade},
          {key: 'rozwin', label: '', tmpl: Template.mrkButtonRozwinPorade},
          {key: 'wiecej', label: '', tmpl: Template._wiecejWidokPorad}
      ]
  };

}

Saving form data collection:

Template.mrkDodajPorade.events ({

‘submit .mrk-add-porade-form’: function (event) {
var mrkPoradaLp = event.target.mrkPoradaLp.value;
var mrkPoradaData = event.target.mrkPoradaData.value;
var mrkPoradaImieKon = event.target.mrkPoradaImieKon.value;
var mrkPoradaNazwiskoKon = event.target.mrkPoradaNazwiskoKon.value;
var mrkPoradaAdresKon = event.target.mrkPoradaAdresKon.value;
var mrkPoradaTelefonKon = event.target.mrkPoradaTelefonKon.value;
var mrkPoradaEmailKon = event.target.mrkPoradaEmailKon.value;
var mrkPoradaNazwaPrzed = event.target.mrkPoradaNazwaPrzed.value;
var mrkPoradaAdresPrzed = event.target.mrkPoradaAdresPrzed.value;
var mrkPoradaTrescPorady = event.target.mrkPoradaTrescPorady.value;
var mrkPoradaHasloPrzedmiotowe = event.target.mrkPoradaHasloPrzedmiotowe.value;
var mrkPoradaRodzajPorady = event.target.mrkPoradaRodzajPorady.value;
var mrkPoradaSposobUdzieleniaPorady = event.target.mrkPoradaSposobUdzieleniaPorady.value;
var mrkPoradaUwagi = event.target.mrkPoradaUwagi.value;

Meteor.call('mrkNowaPorada',mrkPoradaLp,mrkPoradaData,mrkPoradaImieKon,mrkPoradaNazwiskoKon,mrkPoradaAdresKon,mrkPoradaTelefonKon,mrkPoradaEmailKon,mrkPoradaNazwaPrzed,mrkPoradaAdresPrzed,mrkPoradaTrescPorady,mrkPoradaHasloPrzedmiotowe,mrkPoradaRodzajPorady,mrkPoradaSposobUdzieleniaPorady,mrkPoradaUwagi);

event.target.mrkPoradaLp.value = "";
event.target.mrkPoradaData.value = "";
event.target.mrkPoradaImieKon.value = "";
event.target.mrkPoradaNazwiskoKon.value = "";
event.target.mrkPoradaAdresKon.value = "";
event.target.mrkPoradaTelefonKon.value = "";
event.target.mrkPoradaEmailKon.value = "";
event.target.mrkPoradaNazwaPrzed.value = "";
event.target.mrkPoradaAdresPrzed.value = "";
event.target.mrkPoradaTrescPorady.value = "";
event.target.mrkPoradaHasloPrzedmiotowe.value = "";
event.target.mrkPoradaRodzajPorady.value = "";
event.target.mrkPoradaSposobUdzieleniaPorady.value = "";
event.target.mrkPoradaUwagi.value = "";

return false;

}
});

Meteor.methods({
mrkNowaPorada: function (mrkPoradaLp,mrkPoradaData,mrkPoradaImieKon,mrkPoradaNazwiskoKon,mrkPoradaAdresKon,mrkPoradaTelefonKon,mrkPoradaEmailKon,mrkPoradaNazwaPrzed,mrkPoradaAdresPrzed,mrkPoradaTrescPorady,mrkPoradaHasloPrzedmiotowe,mrkPoradaRodzajPorady,mrkPoradaSposobUdzieleniaPorady,mrkPoradaUwagi) {
MrkPorady.insert({
mrkPoradaLp: mrkPoradaLp,
mrkPoradaData: mrkPoradaData,
mrkPoradaImieKon: mrkPoradaImieKon,
mrkPoradaNazwiskoKon: mrkPoradaNazwiskoKon,
mrkPoradaAdresKon: mrkPoradaAdresKon,
mrkPoradaTelefonKon: mrkPoradaTelefonKon,
mrkPoradaEmailKon: mrkPoradaEmailKon,
mrkPoradaNazwaPrzed: mrkPoradaNazwaPrzed,
mrkPoradaAdresPrzed: mrkPoradaAdresPrzed,
mrkPoradaTrescPorady: mrkPoradaTrescPorady,
mrkPoradaHasloPrzedmiotowe: mrkPoradaHasloPrzedmiotowe,
mrkPoradaRodzajPorady: mrkPoradaRodzajPorady,
mrkPoradaSposobUdzieleniaPorady: mrkPoradaSposobUdzieleniaPorady,
mrkPoradaUwagi: mrkPoradaUwagi,
createdAt: new Date()
});
}
});


#4

i’m also interested on how to do this, glad you ask :sunglasses:


#5

There is a CSS-only solution called the quantity queries and http://quantityqueries.com/ may help you learn and build them.


#6

I’ll try. Thanks for the help