Wenden Sie CSS auf eine bestimmte Ansicht in Ruby on Rails an

Auf einer Seite mit einer mit Ruby on Rails erstellten Webanwendung wurden die mit dem Table-Tag erstellten Zeichen in der Tabelle ausgerichtet. Es sieht so schlecht aus wie es ist, also habe ich untersucht, wie man CSS so anwendet, dass es vertikal zentriert ist, damit ich es als Memo für mich selbst belasse.

1. Was soll ich reparieren?

Dateien in / marketpurser / app / assets / stylesheets. Wenn Sie es zu application.scss hinzufügen, das standardmäßig vorhanden ist, wird es auf alle Ansichten angewendet. Wenn Sie es der .scss-Datei hinzufügen, die dem Namen der Ansicht entspricht, wird es nur auf eine bestimmte Ansicht angewendet.

Wie soll ich es beschreiben?

Es scheint, dass die gleiche Syntax wie CSS in Ordnung ist. Dieses Mal möchte ich es auf das td-Tag im Tabellen-Tag anwenden, das die Tabellenklasse enthält. Deshalb habe ich es wie folgt geschrieben.

`/marketpurser/app/assets/stylesheetssample.scss`


table.table td {
 vertical-align:middle;
}

`sample.html.erb`


<table class="table">
  <thead>
    <tr>
      <th>#</th>
      <th>Info</th>
    </tr>
   </thead>
   <tbody id="myTable">
    <tr>
      <td>1</td>
      <td>data1</td>
    </td>
   </tbody>
</table>

gelöst. Beachten Sie, dass das CSS nur angezeigt wurde, wenn ich erneut auf die geänderte Ansichtsseite zugegriffen habe, anstatt einfach den Browser neu zu laden. (Primitiver Fehler)

Das war meine persönliche Notiz.

Recommended Posts

Wenden Sie CSS auf eine bestimmte Ansicht in Ruby on Rails an

[Rails] So laden Sie JavaScript in einer bestimmten Ansicht

So zeigen Sie Diagramme in Ruby on Rails an (LazyHighChart)

(Ruby on Rails6) Erstellen einer Datenbank und Anzeigen in einer Ansicht

(Ruby on Rails6) Erstellen von Daten in einer Tabelle

Wechseln Sie in einem neuen Ruby on Rails-Projekt von SQLite3 zu PostgreSQL

So erstellen Sie eine Abfrage mithilfe von Variablen in GraphQL [Verwenden von Ruby on Rails]

[Einführung] Erstellen Sie eine Ruby on Rails-Anwendung

[Ruby on Rails] Wie schreibe ich eine Enumeration auf Japanisch?

[Ruby On Rails] So setzen Sie die Datenbank in Heroku zurück

Schwierigkeiten beim Erstellen einer Ruby on Rails-Umgebung (Windows 10) (SQLite3)

Ruby on Rails Japanisch-Englisch kompatibler i18n

Ich möchte eine Browsing-Funktion mit Ruby on Rails hinzufügen

Dinge, an die Sie sich erinnern sollten, und Konzepte im Ruby on Rails-Tutorial

Schritte zum Erstellen einer Ruby on Rails-Entwicklungsumgebung mit Vagrant

(Ruby on Rails6) Erstellen Sie eine Funktion zum Bearbeiten des veröffentlichten Inhalts

So fügen Sie ein Video in Rails ein

Ruby on Rails in Visual Studio-Codespaces

[Schienen] Verwenden Sie die Validierung für einen bestimmten Controller

Bereitstellen für Heroku [Ruby on Rails] Anfänger

Vorbereiten der Einführung von jQuery in Ruby on Rails

[Ruby on Rails] Verwendung von redirect_to

Anfänger haben mit Ruby on Rails ein Portfolio erstellt

[Ruby on Rails] Schaltfläche, um nach oben zurückzukehren

So erstellen Sie eine Ruby on Rails-Entwicklungsumgebung mit Docker (Rails 6.x)

So erstellen Sie eine Ruby on Rails-Entwicklungsumgebung mit Docker (Rails 5.x)

Eine Reihe von Ablauf der Tabellenerstellung → Datensatzerstellung, Löschung → Tabellenlöschung in Ruby on Rails

[Rails] So wenden Sie das in der Hauptanwendung verwendete CSS mit Administrate an

Bereitstellung auf Ruby on Rails Elastic Beanstalk (EB-Bereitstellung)

Mit Rails in eine Tag-zu-URL-Zeichenfolge konvertieren

Empfehlung der Serviceklasse in Ruby on Rails

Rails neu in Ruby on Rails ~ Memorandum bis zur Bereitstellung 2

Einführung in Rspec, ein Testframework für Ruby on Rails

[Ruby on Rails] Ein Memorandum mit Layoutvorlagen

So implementieren Sie eine ähnliche Funktion in Rails

So erstellen Sie einfach ein Pulldown mit Rails

Rails neu in Ruby on Rails ~ Memorandum bis zur Bereitstellung 1

Ich habe mit Ruby On Rails ein Portfolio erstellt

So beheben Sie Fehler, die beim Integrationstest "Ruby on Rails" auftreten

Ein Memo zum Erstellen eines einfachen Formulars, das nur HTML und CSS in Rails 6 verwendet

[Ruby on Rails] Versuchen Sie, einen Service zu erstellen, der einheimische Katzen glücklich macht

Ruby on Rails Elementary

Ruby On Rails Association

Zusammenfassung der Methoden zum Aktualisieren mehrerer Spalten [Ruby on Rails]

So implementieren Sie eine nette Funktion in Ajax mit Rails

[Ruby on Rails] So ändern Sie den Spaltennamen

[Von Zeit zu Zeit aktualisiert] Ruby on Rails Praktische Methode

[Ruby on Rails] Ändern Sie die URL-ID in den Spaltennamen

Ich möchte ein kleines Symbol in Rails verwenden