Nicht auswählbare Spalten in der HTML-Tabelle

8

Ich habe eine Tabelle mit mehreren Spalten. Ich möchte den Inhalt jeder Spalte einzeln auswählen. Wenn ich anfange, die erste Spalte auszuwählen, werden die zweiten, dritten ... automatisch ausgewählt. Wenn ich eine Spalte auswähle, möchte ich andere Spalten nicht auswählbar machen.

Ich habe versucht, folgende Klasse auf Elemente anzuwenden und es funktionierte gut in FF. Egal wo Sie die Auswahl starten, es ist nie auswählbar.

%Vor%

Für IE habe ich die Eigenschaft unselectable="on" ausprobiert, im Internet Explorer ist sie noch wählbar, wenn die Auswahl draußen beginnt. Ich möchte die Auswahl bestimmter Spalten verhindern, selbst wenn die Auswahl von außen beginnt.

Ich habe versucht, onselectionstart und onmouseover zu verwenden, aber da die Auswahl außerhalb von Element beginnt, werden diese nicht ausgelöst.

Habe ich irgendeine Hoffnung?

Vielen Dank im Voraus.

    
Gopal 02.10.2011, 16:55
quelle

3 Antworten

1

Ich glaube, dass es im Moment keine reine CSS-Lösung gibt.

Es mag seltsam klingen, aber Sie könnten den Inhalt der Spalte, die der Benutzer auswählen soll, in eine separate Tabelle klonen, die positioned: absolutely über der ursprünglichen Spalte ist.

    
Lapple 08.10.2011 14:32
quelle
1

Anstatt das Rad neu zu erfinden ... schau dir Ссылка

an

Dies ist ein JQuery-Tabellen-Plug-in, das Sie aus der Bahn wirft.

Es sieht so aus, als würde es bereits tun, was Sie tun möchten und es ist kostenlos.

    
Robert Bolton 24.04.2013 02:19
quelle
0

Es könnte hilfreich sein, einen TH mit einem SCOPE-Attribut zu versehen. Ich kann nicht sagen, dass es funktioniert, aber es macht eine semantischere Tabelle. CSS kann das Attribut haken, so dass eine DOM-Lösung nicht weit entfernt sein kann.

    
mtf 26.10.2011 15:32
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset PDF-Textauswahl auf iOS