fluid | Fluid Particles - http : //david.li/fluid

hello i'm using css counter to display the number of div that have a specific class inside a section but i don't know why the result of my code is alwase 0 this the code

I am working on e-commerce app using ejs template and nodejs as backend . In that I have admin role for administrative work . I create Bootstrap modal for update the order status . But I am able to only update the first order , if I try to any other order only first order gets update . Can anyone please help me to sort out this problem .

allOrders.ejs (list of orders & modal)

I'm creating 2 pages (Summary and Cycles pages) using react.js.

On the Summary page, there is a column named CN that every item links to the Cycles page.

Summary page has a path /route/summary/location=abc and Cycles page has a path /route/cycle/location=abc/deviceId=4410

For example, if I click the value from CN column in the first row of the table inside the Summary page, I will be redirected to the Cycles page with the path /route/cycle/location=abc/deviceId=4410.

In the Summary page, I use https://github.com/react-bootstrap-table/react-bootstrap-table2 for the table component and I use a columnRenderer function inside columns.js to render a custom item inside the table like this one:

How can I put the pathname (example "abc") to a Link component inside cnColumnRenderer function in columns.js?

Summary page with the path: /route/summary/location=abc

Cycles page with the path: /route/cycle/location=abc/deviceId=4410

Error because of invalid hook call while rendering the Summary page

table code inside Summary page (inside Summary.js):

hint: focus on columns variable from './columns' and its implementation

When running the first "almost MWE" code immediately below, which uses conditional panels and a "renderUI" function in the server section, it only runs correctly when I comment out the 3rd line from the bottom, observeEvent(vector.final(periods(),yield_input()),{yield_vector.R <<- unique(vector.final(periods(),yield_input()))}). If I run the code with this line activated, it crashes and I get the error message Error in [: subscript out of bounds which per my research means it is trying to access an array out of its boundary.

I wanna make "kanban" style div section.. so div section have to be responsive and continue to right with sliding.But as picture each time I push "istasyon ekle" div section goes down to continue..

what I want is in the second picture...

and what I tried is :

I have a list with two columns. My issue is that I want the left column to start where the based on where the first columns longest column is ending. At the moment it starts right after the first.

What do I have to do to make the second columns start where the longest first column ends?

How it looks vs Result I want

I have tried to use row-fluid with col on the first column and col my-auto on the last column. It does looks right at a middle sized screen. But on smaller screens like cellphones the text is going over each other. And on larger screens the text is just way to far from each other.

Snippet from code in The code section

I have an array of object that i got from my API and then displayed them to parent component as table row like so :

review.js

Each row has its own edit button where when i click ,it will popup a modal ( not redirecting to another page ) and it will contain some information based on which row i click. Below is the example when i click the forth row which has "Mamang Racing" as the client name.

reviewDetailModal.js

The Problem is , on the children component (modal component) when i about to edit any other rows for some reason it will still show me the latest data ( in this case the forth row ).

Code is shown below :

review.js

the npm package I am using

Hello All! I am trying to implement a cart for a simple website that fetches from an API. So my render method looks something like this...