include ../mixins/mixins.jade extends ../layout - title = "Table Demos" mixin getRandomInt(min, max) - result = Math.floor(Math.random() * (max - min)) + min result mixin generateTable(length, classNames, title) - names = ["Janice", "John", "Albert", "Sam", "Greg", "Connor", "Sarah", "Sean", "Norah"] - statuses = [{name: "Resolved", icon: "checkmark2", className: "success"}] - companies = ["11 Scent", "1-800-Tax-Help", "21 BC (21ST Century Business Community)", "24 Carrot Care", "24 Carrot Healthcare", "24 Carrot Seven", "3D Me!", "3Deem Inc.", "3Deem Yourself", "3Deeming", "3Deeming Solutions", "3Demon", "3-DOM", "59 Souls", "59design", "59e", "60 Grit", "60-Grit Metal Recyclers", "69 Scoops", "70 Umpa", "A!", "About Coffee", "Absolute Coffee", "Acacia Group", "Acacia Saint", "Acacian Spring", "Accel", "Accidency", "Accountant Monte Cristo", "Accruex", "Accufarm", "Accupharm", "Accuprint", "Accusage", "AccuWaste", "Ace Pet Styling", "Acium", "Aclima", "Aclima Group", "Acrodance", "Acruex", "Action Floss", "Active Radio", "Acumentor", "Acusage", "AcuVirt", "Ad Caddy", "Ad Nation", "ADNETWORKING.COM", "Adornica", "Adrenal Lines", "Adrenalize", "ADscene", "AdSlide.com", "Advanced Aluminum Siding", "Advanced Business Analysis", "Adventure Camping", "Adventure Capitalism", "Adventure Merchandise", "ADvise", "Advocate Services", "Aecium Finance", "Aecium Health Center", "AECIUM.COM", "Aeora", "Aesthetic Bug", "Affluential Inc.", "Affluential Specialty Stores", "Affluex", "Affordable Beauty", "Afility", "African Internet Solutions.", "Afteria", "Agiotage", "Agoratribe", "Agriox", "Agtreo", "Aimcore.com", "Air 1", "Air Bingo", "Air Pool", "Air Sick", "Air Trust", "Airborne Recreational Vehicles", "AirForce", "AirHead", "Airplex", "Airprint", "Airsick Extremewear", "AirSync", "Airvoyance", "Alazra", "Alecyr", "Alfalfa Forest", "AlienParty.com", "Alignment", "Alively", "All Apps", "All As One", "All Fours Collection Agency", "All in the Family Planning", "All in the Flambeau", "All Indigo", "All Join Hands", "All Trends", "All Welcome", "Alloys R Us", "AllXOR", "AllYear", "Aloud, LTD", "Alpha Moyle", "AlternaSport", "Altraeon", "AluMAX", "Alumetal", "Alumicell", "Alumiform", "Alumina", "Aluminal", "AlumiNation", "Alumineer", "Alumineering", "Alumiplode", "Alumiscape", "Alumisheer", "Alumistruct", "Alumisys", "Alumitech", "Alumivac", "Alumix", "Amal Cellular", "Amal Digital", "Amalga Motors", "Amalgamation Systems", "Amalgamatrix", "AMERICAHOMEFINDER.COM", "American Daydreams", "American Gobi", "American Pie Charts", "American Whey", "AMNU.com", "Amphiby Inn", "Ampitup!", "Ample Amour", "Amptech", "Amril", "Amtap", "Amtas", "AMYCE – Adult Mentoring for Youth Careers and Education", "Amygdala Pond", "Anacho", "Anarco", "Anavenetro", "Ancestor Dreamtime", "Andershun", "Andershunned", "ANDNEW.COM", "Andryx", "Andy Brand", "Animal Barberia", "Animal Pharm", "Animalia", "Anivet", "Anixang", "Ann and Rex’s Dance Studio", "Ann n Rex’s", "anneXOR", "ANNXOR", "Anocha", "Antiki’s", "AntiMoney.com", "Antipode.com", "Apex", "Apexia", "Apextri", "Apparel Barrel", "Appear to Appear", "Apple Cheeks", "Apple Core Advertising", "Apple Tree Advertising", "Applica", "Applidec", "Applideck", "Applied Gravity", "Applied Perfection", "Applied Planet", "Appy Planet", "AptDept.com", "Aqua Radiant", "Aquacine", "Aquafire", "Aquamate", "AquaQleen", "AquaRanger", "Aquasseur", "Aquasure", "Aquazure", "Aquoavo", "Archers Away", "Architax", "Architectonics", "Arctiq", "Area Tech", "ARGOSY.COM", "Arketmay.com", "Armchair Engineering", "Aroma Borealis", "Aroma Merchants", "Art of Facts", "Art Sphere", "Arthur Andershun", "ARTHUSTLER.COM", "Artificial Logic", "Artiq", "ArtisTree", "Arts Daily", "ARTV – Artistic Recreational Television", "Artworlds", "Ascelpius Design", "Asimiline", "Ask Jesus", "AspectDev.com", "Ass Texas", "Assist Inc.", "Assistia", "Assistix", "Assitia", "Assurity", "AstroCoffee", "Atgen", "Atlas Marine Recyling", "ATMBOT.com", "ATMBox.com", "ATMCam.com", "Atomic Coffee", "Atomic Conch", "Atomic Donut", "Atomic Endtables", "Atomic Muse Productions", "Atomica", "AtYourCo", "Auction Heroes", "Auction Logic", "Audio Farm", "Audio Fusion", "Audio Lounge", "Audio Poison", "Audiovinyl", "Aurora Boring Alice Productions", "Austech", "Austex", "Autoconsole", "Autograte", "AutoMain", "Automon", "Avalanche Design", "Avenetro", "Avit", "Awaywegolf", "Azo Matrix", "AzoFlux", "AzoMetric(x,s)", "AZZU.com", "Babel Builders", "Baby Bloomers", "Back Attack Chiropractors", "Back Off!", "Back to the Future", "Back View", "BackSpasm.com", "BaconGrease.com", "Bagel Train", "Bait’n Chase", "Balancing Action", "Ball Lightning", "Ballet Society", "Balmy’s Tranquil Tank", "Balooba", "Baluba", "Bamboo Gnu", "Bamboolong", "Bang’aBone", "BANKOBJECT.COM", "Bar Flyz", "Barclub.com", "Barkarama", "Barrell Of Monkeys Bookkeeping Services", "BarTelevision", "Base Camp Protective Gear", "BassLines", "BCNOW (Business Commerce Now)", "Bead2Bead.com", "Beadazzled", "BeadWay", "Beadzza", "Bean Counters Accounting", "Bean Parade", "BeanThere", "BEANWEEVIL.COM", "BearJuJu.com", "BearMojo.com", "bEarth", "Beat On The Path", "Beauty Bargains", "Beauty Call", "Beauty Calls", "Beauty Depot", "Beauty For Less", "Beauty General", "Beauty Outpost", "BeautyStretch", "Because It’s There Protectivewear", "Bedder", "Bedding Down", "Bedlam", "Bee Salt", "Bee Salt Productions", "BEEFUP.COM", "Beeptel.com", "BeerHead.com", "Beet Poetry", "Beet Poets", "Before Breakfast", "Beige and Briney", "Bella Outdoors", "Benephisto", "BENIFITOFTHEDOUBT.COM", "Bennie’s Fishery", "Bent Steel and Smelter", "BerkeleyShops.com", "Best Friends Grooming Service", "Best Properties", "Besto", "Better Fish", "Beyond Bedding", "Beyond Cool Limo", "Beyond Time", "BeyondMarket.com", "BEYONDNET.NET", "BEYONDNETWORK.COM", "BeyondSleep", "Bezal", "Bicol", "BiffPaste.com", "Biflex", "Big Apple Advertising…The Core to Success", "Big Apple Collections", "Big Bottom Beefworks", "Big Brother and the Holding Company", "BigChief", "BigCookie", "Bigflo.com", "BigKolor", "BigRaveScreenSave", "BIGREFUND.COM", "BigSkool", "BIGSPENDERS.COM", "BIGSTORAGE.COM", "BigTent", "BigTent Insurance", "BigWay", "Bike Along", "Bike Flyers", "Bikelo Cyclo", "Billmed", "Biohab", "Biolive", "Biomatic Furniture", "Bionic Coffee Distributors", "Bionic Designs", "Biospan", "Biotica", "Bird Casting", "Bisba", "Bitches Brew Kennel", "Bite Size Advertising", "Bitendrex", "Bitrex", "Bittor", "Bivouac and Buttress", "BizCentric", "BizLogix", "Bizmatic", "BizSweeper", "BizTech", "BizTropolis", "Black Hat Dusters", "BlackXOR", "Blanet", "BlastOff SAT Prep", "Bleeko", "Bleendot", "BlindFire.com", "Blindlaw Express Graphics", "BLIP.COM", "Blister Burger", "Blizzard Relations", "Bloodynose Theater", "Blue Horizon", "Bluegrain", "Blueplosion.com", "BlueTangent.com", "BlueTears.com", "BlueTier.com", "Bluetronic.com", "BlueXOR", "Bluplanet", "Blurrybus", "Boa Construction", "Body Expressions", "Bodyflower", "BodyJob", "BodyStretch", "Boilcat", "Boilhead Braids for Fades", "Boilicon", "Boink", "Bolax", "Bolinas Oil", "BOOGIEFLEX.COM", "Book Bound", "Book Keepers", "Books Minder", "Bookswatch", "BoomerGrlz Yoga", "Borderlands Coffee", "BoredChairman.com", "Bostonic", "Botea Bliss", "Bountiful Organics", "Bouquet of Beauty", "Bovine Acres", "Bovis", "Brain Brand", "Brainchild Publicity", "Brainclip", "BrainPan.com", "BrainPump.com", "BrainPun.com", "Brainquil", "BrainWire", "Bran Dandy", "Brand Dandy", "Brand Eleven", "Brand Royalty", "Brand Wagon", "Brass Tactics", "Brave Sheep Acres", "Bravo Body", "Breathe Easy Backs", "Brewed Attitude", "BrewPushers", "Brewsome Tuscon", "Brigadier Marketing", "Brigadier Coaches", "Brigadier Coffee", "Brigadier Waste", "Bring it!", "Bristo", "Broad and Cough Man", "Broadway Imperative", "Broncomania", "Brood Coffee", "Brothel Brothers", "brother e", "Brunchilli", "Brush n Flush", "Brushes Animal Boutique", "Brutish Airlines", "Bubbleonia", "Buddha Computha", "Buddha Pets", "Bug Eyes", "Bug Magazine", "Bugmall.com", "Bugmo.com", "BugSack", "Bugsall", "BugSkool", "BugSock", "Building Blocks", "Builtwith Steel", "Bull Runnings", "BullChute", "BullGrease.com", "BullGristle.com", "Bulljuice", "BullJuJu.com", "BullMojo.com", "Bullrun Rodeo", "BullRunning.com", "Bullzone", "Bunga", "BungeeHead.com", "Burl Whirl", "Burning Sand", "Burnt Offerings", "Burried Out Back Farm", "Business Card Shark", "BusinessBro", "BUSINESSCENTER.COM", "BusinessNewsDaily.com", "BusSing", "Busta Movin’ Company", "Butter, Grace and Gamble", "BUYRENTLEASE.COM", "Buzz Farm", "Buzz Kilt", "Buzz Machine", "Buzz Matrix", "Buzz Skill", "Buzzicity!", "Buzzmaker", "Buzzmakers", "Buzzness", "Buzzopia", "Buzzplosion", "BuzzPublic", "BuzzSaw Publicity", "Buzzworks", "Bygone Farm", "Bytrex", "Cabaña Keepers", "Cablam", "CabNow!", "Cabo Cabaña", "CactiCoffee", "Caffeine Cellular", "Caffeine Delivery Mechanisms", "Caffeine Devices LTD", "Caffeine Distinction", "Calcu", "Calcula", "CALIFORNIAEXPORTS.COM", "Caligra.com", "Call it Green", "Call Street", "Callflex", "Calling All Cargo", "CallOfMe.com", "CallOfTheMarket.com", "CalmTouch.com", "Calray.com", "Camp Scratch’n Sniff", "Campxotica", "Can Do Coffee Distributors", "Canadafab Steel", "Canadian Metal Madness", "Canandian Smeltery", "Candecor", "Candelarium", "Candide Consulting", "Candy Ask", "Canine Camp", "Canopoly", "CanvArt", "Cap Ten", "Capitol Care", "Capscreen", "Captain Bamboo", "Captain May I", "Captain Zip", "CaptiVite", "Caramel Knowledge", "Card Blanche", "Carden of Eden", "Card-e-ology", "CardioTechs: The Pros that keep the Beat!", "Care Corp", "Career Cast", "Career Motives", "Careful Hairful", "Careful Organics", "CareWare", "Carmel Knowledge", "Carnal Coffee", "Carnival Coffee", "Carnival Knowledge", "Carolina Discount", "Carolina’s Secret", "Cartomatrix", "Cascadence", "CASHCLUBS.COM", "CashDown.com", "Cashrate.com", "Cashrates.com", "Casinoville, Inc.", "Castle Minders", "Castleware", "Castlewatchers", "Catalina Coffee Distributors", "Catchatoona", "Category Five", "Cat’s Away", "Cat’s Eye Technologies", "Cats-n-Sniff Pet Grooming", "Caxt", "CC Leathers", "Cedward", "Celestial Waltz", "CellRay", "Cellular Coffee", "Cemention", "Censortium", "CentEd.com", "Center Crest", "CENTERHEALTH.COM", "Centerolgy", "Centice", "CentLab.com", "Central Asset Recovery Services", "Centrecore.com", "Centree", "Centregy", "Centregy Partners", "Centrexin", "Centric City", "Centric Spinal", "Centricity", "CentricSource", "CentriSource", "Cents & Scentsabilities", "Centuria", "Ceprene", "Certified Accounting Solutions", "Chalk and Stars", "ChalkLine", "ChalkTalk", "Champion Collections", "Chancellor Limousine Services", "Chancellor Travel", "Chap and Spur", "Chariots of the Gods Limousine", "Charting the Courts", "Chaucer’s Farm", "Chauncey Dog", "Cheap Beauty", "Check the Turn Productions", "Checks In the Mail Accounting Services", "CheekyGeeky", "CheeseQuest", "Cheetah Chat", "ChefsDaily.com", "Cherry Asphalt", "Chez Kicks", "Chez Moi", "Chez Naïveté", "Chez Too", "Chicago Windworks", "Children of the Sun", "Chillium", "ChinatownHouse.com", "Chiro Mio", "Chiropolis", "Chiropractic Sojourn"] table(class=classNames, summary=title) caption= title thead tr th Name th Company th Phone th Status tbody - i = 0 while i < length tr td= names[Math.floor(Math.random() * (names.length - 0)) + 0] td= companies[Math.floor(Math.random() * (companies.length - 0)) + 0] td random phone td random status - i++ block content +demoSection("Basic Tables") +generateTable(10, "table", "Basic Table (.table)") +demoSection("Bordered Tables") +generateTable(10, "table table-bordered", "Bordered Table (.table.table-bordered)") +demoSection("Zebra-striped Tables") +generateTable(10, "table table-striped", "Zebra-striped Table (.table.table-striped)") +demoSection("Table Combinations") +generateTable(10, "table table-bordered table-striped", "Combination of Zebra-striped and Bordered Table (.table.table-bordered.table-striped)")