Git Product home page Git Product logo

Comments (4)

vordan avatar vordan commented on September 14, 2024

In Bootstrap, you do this (in a column schema)
template:'<span class="pull-right">{{total_value}}</span>

If not in Bootstrap, substitute class="pull-right" with style="text-align:right;"

from columns.

petejordan avatar petejordan commented on September 14, 2024

vordan,

 thank you for your response . . . but . . .  my solution is done utilizing Micheal Eisenbraun's 

Columns 2.0 grid which employs MustacheJS templating. How would your contributions
work in this context ? :

                view = $('#FishGrid').columns({
                    data: json,
                    //showRows: [json.length],          // defaults to 5.
                    showRowsMenu: false,                // ???
                    size: json.length,                  // CRITICAL: controls page size. 
                    table: true,                        // CRITICAL: must be 'true' or nothing.            
                    templateFile: "/FishStock/Scripts/MichaelEisenbraun/default.html",  // DEV.
                    //templateFile: "Scripts/MichaelEisenbraun/default.html",           // localhost.
                    rows: true,
                    schema: [
                        { "header": "County", "key": "CountyName" },
                        { "header": "Water Body", "key": "WaterName" },
                        { "header": "Species", "key": "SpeciesName" },
                        { "header": "Strain", "key": "StrainName" },
                        { "header": "Date", "key": "Date", "template": "{{#Date}}{{Date | mmddyy }}{{/Date}}" },
                        { "header": "Number", "key": "Number", "template": "{{#Number}}{{Number | thousandsSeparator }}{{/Number}}" },
                        { "header": "Operation", "key": "Operation" },
                        { "header": "Avg. Length", "key": "Length" },
                        { "header": "Fin Clips, Marks, Tags", "key": "Marking" }
                    ]
                });

Thx,
P.

from columns.

vordan avatar vordan commented on September 14, 2024

Same thing:
'<div style="text-align:center;">template: '{{#Date}}{{Date | mmddyy }}{{/Date}}</div>'
or, if you prefer spans:
'<span style="display:block;text-align:center;">template: '{{#Date}}{{Date | mmddyy }}{{/Date}}</span>'

from columns.

petejordan avatar petejordan commented on September 14, 2024

Thank you Vanco.

from columns.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.